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内 容 简介 


本 书 是 《Web 程序 设计 一 一 ASPNET 实用 网 站 开发 (第 2 版 )》 的 配套 项 目 实 训 教材 ， 全 书 将 带领 读 
者 开发 完成 “小 明 音 乐 库 管 理 系统 ”“ 企 业 KPI 查询 系统 ”和 “小 明 电 器 商城 ”三 个 完整 的 Web 软件 项 目 。 

每 个 项 目 都 按照 小 型 敏捷 软件 开发 的 思想 ， 介 绍 需 求 分 析 、 功 能 设计 、 界 面 设计 、 数 据 库 设 计 、 系 统 
架构 搭建 以 及 功能 实现 等 整个 过 程 所 需要 的 思考 方法 和 知识 运用 技巧 。 这 三 个 案例 从 简单 到 复杂 , 所 需要 
的 知识 和 技能 层 层 递 进 ， 形 成 一 条 螺旋 式 上 升 的 学 习 路 径 。 

书 中 内 容 紧密 围绕 案例 展开 ， 按 实用 的 角度 编排 ， 读 者 宜 将 学 习 重 点 放 在 软件 开发 思路 上 ， 另 外 ， 还 
应 该 学 握 通过 网 络 快速 获取 知识 的 能 力 。 为 方便 教师 教学 和 读者 自学 ， 本 书 提供 了 完整 的 案例 源 代 码 和 素材 。 

本 书 仅 要 求 读 者 具备 面向 对 象 程序 设计 的 基础 ， 对 于 项 目 所 用 编程 知识 、 数 据 库 技术 都 有 详细 讲解 ， 
适合 作为 高 等 院 校 计算 机 相关 专业 的 “Web 程序 设计 ”“ 网 络 程序 设计 ”“ 数 据 库 原理 与 应 用 ”等 课程 的 
项 目 实 训 教 材 ， 也 适合 对 Web 软件 开发 有 兴趣 的 人 员 自 学 使 用 。 


本 书 封面 贴 有 清华 大 学 出 版 社 防伪 标签 ， 无 标签 者 不 得 销售 。 
版 权 所 有 ， 侵 权 必 究 。 侵 权 举 报 电话 : 010-62782989 13701121933 
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传统 的 高 校 专业 培养 方案 是 将 整个 专业 人 才 培 养 过 程 按照 科目 分 解 为 一 门 一 门 的 谍 
程 进 行 教学 ， 而 每 一 门 课程 的 内 容 再 按照 知识 的 相关 性 组 织 成 章节 ， 学 生 依 次 学 习 各 章 贡 
的 内 容 ， 从 而 掌握 这 门 课 的 内 容 ， 有 时 也 会 通过 一 些 涉及 多 个 章节 的 练习 来 掌握 一 些 综合 
知识 。 其 组 织 方式 类 似 于 生产 线 “ 工 艺 专业 化 ”原则 布局 ， 可 将 其 称 为 “知识 模块 化 ”组 
织 方 式 。 

通常 来 说 ， 计 算 机 软件 开发 类 的 课程 所 涉及 的 知识 比较 庞杂 ， 其 理论 体系 没有 传统 学 
科 那 么 完备 。 以 模块 化 的 方式 组 织 课程 内 容 、 开 展 课 程 教学 ， 可 以 将 庞杂 凌乱 的 知识 根据 
学 习 心 理 机 制 和 认识 、 记 忆 规 律 组 织 起 来 ， 使 其 条 理化 。 其 最 大 的 优势 丈 在 于 知识 传授 效 
率 的 最 大 化 。 

但 模块 化 组 织 方式 最 大 的 缺点 在 于 学 生 缺 少 对 整体 框架 的 认识 ， 停 留 在 掌握 知识 的 层 
面 , 而 不 会 运用 知识 。 例 如 , 传统 的 Web 开发 技术 课程 内 容 通 贡 按照 HTML、 CSS、ASPNET 
(或 者 JSP 等 其 他 动态 Web 开发 技术 )、ADO.NET (或 者 其 他 数据 库 访问 技术 )、JavaScript 
等 模块 分 别 予 以 介绍 和 强化 。 经 过 反复 训练 ， 每 个 模块 学 生 都 可 以 掌握 得 很 好 ， 但 面 对 一 
个 具体 的 软件 开发 项 目 时 ， 学 生 会 觉得 无 从 下 手 。 

针对 模块 化 组 织 方式 的 缺陷 ， 人 们 提出 了 综合 化 或 者 项 目 化 的 组 织 方式 。 也 就 是 首先 
设 定 一 个 课程 的 应 用 型 目标 ， 然 后 通过 一 个 或 多 个 应 用 项 目 ， 将 相关 的 知识 串联 起 来 。 学 
生 的 学 习 过 程 始终 围绕 着 应 用 项 目 开 展 ， 通 过 项 目的 需要 来 驱动 学习 。 这 种 方式 不 但 可 以 
让 学 生 快 速 掌握 知识 ， 而 且 可 以 更 好 地 运用 所 学 的 知识 。 

综合 化 组 合 方式 的 主要 问题 在 于 具体 的 实施 ， 其 中 项 目的 设计 水 平 直接 决定 了 综合 化 
组 织 方 式 的 实际 效果 ， 在 实践 中 常常 会 产生 以 下 问题 。 

(1) 综合 性 和 实践 性 不 足 ， 无 法 从 根本 上 人 解决 学 生 对 认识 软件 整体 框架 和 完整 开发 过 


程 的 需求 。 
(2) 受 教 学 大 岗 的 限制 ， 为 了 能 够 窗 访 大 纲 规定 的 内 容 ， 不 得 不 设计 一 些 脱 离 实际 应 
用 的 内 容 。 


本 书 的 编写 从 内 容 的 组 织 上 来 说 采用 了 综合 化 的 方式 。 为 了 避免 综合 化 方式 可 能 产生 
的 问题 ， 变 计 了 由 简单 到 复杂 的 三 个 软件 项 目 ， 三 个 软件 项 目 所 黎 兰 的 内 容 有 部 分 重复 ， 
有 部 分 不 同 ， 还 有 部 分 属于 提高 的 关系 。 通 过 三 个 项 目的 有 机 结合 ， 既 保证 了 项 目 设计 的 
合理 性 、 绿 合 性 ， 又 保证 了 内 容 的 全 面 性 。 

由 于 开发 一 个 Web 应 用 软件 ， 涉 及 “软件 工程 ”“Web 程序 设计 ”和 “数据 库 原 理 与 


Web 程序 设计 


应 用 ”等 方面 的 内 容 ， 


开 友 一 个 真正 的 软件 系统 ，， 


由 纵 器 分 割 改 变 为 综合 


巩 目 


小 明 音 
乐 库 管 


理 系 统 


ae 


需求 分 析 基 本 概念 ; 
界面 设计 基本 概念 ; 
类 图 、 活 动 图 


软件 工程 


理 与 应 用 


软件 工程 


Web 程 
序 设 计 
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软件 工程 
Web 程 
序 设计 


ASP.NET 项 目 实 训 


这 些 内 容 从 实践 的 角度 看 应 该 是 互相 融合 、 
必须 同时 交叉 运用 这 些 课程 所 涉及 的 内 容 。 为 此 ， 将 这 些 课程 
交叉 ， 具 体 的 Web 项 目 和 内 容 组 织 如 下 表 所 示 。 


HTML 框架 、 常 用 标签 ; 
网 站 发 布 和 动态 网 站 原理 ; 
ASPNET 原理 和 基础; 
Request 对 象 和 Response 对 象 ; 
ASPNET Literal 控件 
概念 模型 设计 (ER 图 、 类 图 ); 
创建 数据 库 表 的 SQL: 
SELECT 语句 〈 单 表 、 连 接 、 骸 套 ) 
ADO.NET 连接 数据 库 、 连 接 串 :; 
DbCommand 对 象 和 DataReader 对 象 的 简单 
应 用 ; 
单 表 和 主 从 表 的 CRUD 操作 
角色 用 例 分 析 ; 
功 肯 能 机 黄 块 设计 : 
界面 设计 
CSS 和 DIV 页 面 布局 ; 
ASPNET 母 版 页 
概念 模型 设计 (类 图 、 数据 流 图 、 数据 字典 ); 
关系 数据 库 理论 基本 概念 
郊 式 理论 和 模式 分 解 ; 


”三 级 模式 (索引 和 视图 ); 
”数据 库 实 施 ( 用 户 和 权限 》 


三 层 架 构 概 念 ; 

UI、BLL 和 DAL 的 项 目 创建 ; 
LINQ to SQL:; 

用 户 登 录 和 身份 验证 ; 

网 站 状态 官 理 (SessionState/ Cookie/ 
HiddenField/QueryString ) 
GridView 控件 和 数据 缠 定 表 达 式 ; 
Visible 属性 控制 ; 

TreeView 树 形 控 件 

Javascript 和 DOM 模型 ; 
Javascript 日 期 控件 ; 

jQuery 和 jQuery 日 期 控件 ; 
MsChart 控件 和 jqPlot 图 表 插 件 


互相 依赖 的 一 一 要 能 


实践 作用 分 析 


需求 分 析 和 概要 设计 


Web 软件 界面 构造 


e。 数据 库 系 统 的 基本 概念 : 
。 数据 库 表 的 设计 、 创 建 、 


据 库 ; 
。 基本 ASPNET 控件 的 使 
用 


软件 融 求 分 析 和 概要 设计 


软件 系统 界面 实现 技术 


正确 、 合 理 的 数据 库 模 型 


。 软件 系统 架构 的 概念 和 
。 LINQ to SQL 开发 技术 ; 
。 用 户 管理 模块 的 实现 ; 

e。 Web 应 用 状态 管理 的 实 


ASPNET 中 的 常用 编程 技巧 


Web 界面 综合 设计 


下 
叫 


项 目 实践 作用 分 析 
业务 流程 网 ; 

功能 模块 图 ; 熟悉 软件 分 析 和 设计 方法 
界面 设计 

CSS 模板 的 应 用 ; 

AH a er WE 
表单 认证 和 角 色 控制 

数据 库 并 发 控制 (乐观 并 发 控制 ); 数据 库 应 用 的 综合 实践 
LINQ 和 SQL 统计 、SQL 分 组 统计 

Repeater 控件 :; 

分 页 机 制 ; Web 程序 设计 的 综合 实践 
购物 车 


软件 工程 


小 明 电 
器 商城 


理 与 应 用 


本 书 以 Visual Studio Express 2013 和 SQL Server 2012 Express 为 开发 平台 ， 使 用 C# 开 
发 语言 。 为 方便 教师 教学 和 谈 者 目 学 ， 本 书 提供 了 配套 的 实例 源 代 介 、 素 材 等 ， 可 到 
http://www.tup.com.cn 下 载 。 

本 书 仅 要 求 谈 者 具备 面 问 对 象 程 序 设 计 基础 ， 对 于 项 目 所 用 编程 知识 、 数 据 库 技术 都 
有 较 详 细 的 讲解 ， 适 合作 为 局 等 院 校 计算 机 相关 专业 的 “Web 程序 设计 ”“ 网 络 程序 设计 ”“ 数 
据 库 原理 与 应 用 ”等 课程 的 项 目 实 训 教 材 ， 也 适合 对 Web 软件 开 有 友 有 兴趣 的 人 员 目 学 使 用 。 

本 书 第 1 一 9 章 、 第 13 一 13 半 由 将 冠 雄 编写 ， 戴 振 中 编号 第 10 一 12 章 ， 叶 晓 彤 编写 
第 16、17 草 ， 全 书 由 蒋 冠 雄 和 沈 士 根 负责 统 稿 。 

本 套 系列 图 书 《Web 程序 设计 一 一 ASPNET 实用 网 站 开发 )《Web 程序 设计 一 一 ASPNET 
上 机 实验 指导 》 第 1 版 和 第 2 版 分 别 于 2009 年 和 2014 年 出 版， 经 多 次 印刷 ， 受 到 了 众多 
局 校 和 广大 读者 的 欢迎 ， 很 多 不 相识 的 读者 来 邮件 与 我 们 交流 并 给 出 了 宇 贯 意见 ， 在 此 表 
未 衷心 感谢 。 

名 望 本 书 能 成 为 初学 者 从 入 门 到 精通 的 阶梯 。 书 中 存在 的 瑰 汤 及 不 中 之 处 ， 欢 迎 读 者 
批评 指正 ， 以 便 再 版 时 改进 。 我 们 的 邮箱 是 : cnjgx110@163.com。 


2017 年 3 月 
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需求 分 析 和 设计 


学 习 目 标 

。 了解“ 小 明 音 乐 库 管理 系统 ”的 系统 建设 目标 ; 

。 认识 需求 分 析 在 软件 开发 中 的 重要 地 位 ， 了 解 需求 分 析 的 基本 思路 ; 

。 掌握 用 例 分 析 中 角色 和 用 例 的 概念 ， 掌 握 傈 单 用 例 网 的 绘制 ; 

。 了 解 简单 的 界面 设计 ， 掌 握 Web 系统 常见 的 首页 、 列 表 、 编 辑 和 详情 页 面 布局 ; 
。 本 解 类 图 ， 人 简单 了 解 活动 图 。 


1.1 订 水 分 析 
在 系统 工程 及 软件 工程 中 ， 需 求 分 析 指 的 是 在 创建 一 个 新 的 或 改变 一 个 现存 的 系统 或 


产品 时 ， 确 定 新 系统 的 目的 、 范 围 、 定 义 和 功 能 时 所 要 做 的 所 有 工作 。 需 求 分 析 是 软件 工 
程 中 的 一 个 关键 过 程 。 假 如 在 需求 分 析 时 ， 分 析 者 们 未 能 正确 地 认识 到 顾客 的 需要 的 话 ， 


那么 最 后 的 软件 实际 上 不 可 能 达到 顾客 的 要 求 ， 或 者 软件 无 法 在 规定 的 时 间 内 完工 。 
1. 背景 
作为 一 名 音乐 爱好 者 ， 小 明 非常 想 把 自己 收集 的 音乐 资料 分 类 整理 整齐 ， 在 需要 时 方 
便 地 找到 自己 想 要 欣赏 的 音乐 。 为 此 ， 小 明 决定 开发 一 款 自己 的 音乐 库 管理 系统 。 根 据 背 


景 介 绍 ， 可 以 确定 “小 明 音乐 库 管 理 系统 ” 需要 达成 如 表 1-1 所 示 的 业务 前 景 。 


表 1-1 业务 前 景 表 
编号 目标 
P01 能 够 对 音乐 资料 分 类 归档 ， 方 便 地 维护 音乐 资料 
P02 随时 随地 能 够 找到 音乐 库 中 的 音乐 资料 ， 查 阅 相 关 的 信息 
P03 对 于 数字 化 音乐 ， 能 够 随时 欣赏 
P04 对 于 非 数 学 化 音乐 ， 能 够 找到 存放 地 点 (包括 外 借 情 况 》 


确定 业务 前 景 古 需 来 分 析 的 第 一 步 ， 后 续 所 有 工作 狠 应 该 围绕 业务 前 景 来 开展 ， 几 是 


和 业务 前 景 无 天 的 工作 都 不 予 考虑 ， 除 非 调 整 业 务 前 景 。 
为 客 述 方便 ， 以 后 称 这 个 管理 系统 为 MPMM (Xiao Ming's Personal Music Management)。 
2. 用例 分 析 


对 于 复杂 的 系统 ， 通 常 还 需要 涉 众 分 析 、 业 务 建 模 等 工作 。 由 于 本 系统 非常 简单 ， 所 
以 这 里 直接 进行 用 例 分 析 。 用 例 分 析 解 决 三 个 问题 ， 什 么 “人 ”会 和 系统 交互 ? 用 系统 做 
什么 ? 和 系统 之 间 的 交互 过 程 怎样 进行 ? 需要 注意 的 是 ， 回 答 这 三 个 问题 时 ， 必 须 完全 六 
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在 系统 使 用 者 的 角度 来 看 ， 不 要 考虑 系统 实现 方面 的 细节 问题 。 

用 例 分 析 中 将 “系统 使 用 者 ” 称 为 角色 (Actor)， 因 为 使 用 系统 的 不 一 定 是 用 户 ， 还 
可 能 是 和 系统 交互 的 其 他 系统 。MPMM 中 只 有 一 个 角色 “小 明史 用 更 通用 的 称呼 一 一 “ 首 
乐 爱 好 者 ”来 给 角色 命名 。 使 用 UML 建 模 工具 ， 表 示 角 色 的 图 标 如 图 1-1 所 示 。 

根据 调研 确定 小 明 会 使 用 系统 完成 以 下 操作 : 管理 首 乐 资料 、 维 护 首 乐 分 类 、 仁 找 首 
乐 资 料 、 碍 看 音乐 资料 、 管 理 音乐 资料 去 问 、 播 放 数 宇 化 音乐 。 这 些 需 要 的 操作 残 叫做 “用 
例 (Use Case)”， 表 示 用 例 的 图 标 如 图 1-2 所 示 。 


OO) 


入 


”维护 音乐 分 类 
音乐 爱好 者 
图 1-1 Actor 图 标 图 1-2 Use Case 图 标 


用 例 是 对 系统 功能 的 描述 ， 描 述 的 是 整个 系统 功能 的 一 部 分 ， 这 部 分 一 定 要 是 在 馆 辑 
上 相对 完整 的 功能 流程 。 在 使 用 UML 的 开发 过 程 中 ， 需 求 是 通过 用 例 来 表达 的 ， 界 面 是 
在 用 例 的 辅助 下 设计 的 ， 很 多 类 是 根据 用 例 来 确定 的 ， 测 试 实例 是 根据 用 例 来 开发 的 ， 包 
括 整 个 开发 的 管理 和 任务 分 配 ， 也 是 依据 用 例 来 组 织 的 。 

将 Actor 和 用 例 联 系 起 来 ， 才 构成 最 终 的 用 例 图 ， 也 束 是 说 没有 只 有 用 例 的 用 例 图 。 
MPMM 具体 的 用 例 图 如 图 1-3 所 示 。 


维护 音乐 分 类 


官 理 音乐 唤 料 ) 


查找 音乐 资料 


宫 理 音乐 贯 料 去 网 ) 


”播放 数字 化 音乐 


图 1-3 MPMM 用 例 图 


用 例 图 回答 了 本 市 前 两 个 问题 ， 对 于 第 三 个 问题 的 回答 需要 通过 对 用 例 的 摘 述 来 完 
成 ， 当 系统 比较 简单 明确 时 可 以 略 过 。 


1.2 概要 芭 计 
概要 设计 的 主要 任务 是 把 需求 分 析 得 到 的 用 例 图 转换 为 软件 结构 和 数据 结构 。 其 中 ， 


] http://baike.baidu.com/Use case。 
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软件 结构 设计 的 具体 任务 是 将 一 个 复杂 系统 按 功 能 进行 模块 划分 ， 建 立 模 块 的 层次 结构 及 
调用 关系 ， 确 定 模 块 则 的 接口 及 人 机 界面 等 ;数据 结构 设计 包括 数据 特征 的 摘 述 、 数 据 结 
构 特性 的 确定 以 及 数据 库 的 设计 。 

1. 究 和 面 设计 

概要 设计 首先 得 完成 模块 的 划分 ， 建 立 模 块 的 层次 结构 和 关系 ， 然 后 为 每 个 模块 设计 
界面 。MPMM 把 两 者 结合 在 一 起 ， 也 就 是 说 通过 完成 模块 界面 设计 ， 同 时 完成 模块 设计 。 

界面 (User Interface，UI) 设计 是 指 对 软件 的 人 机 交互 、 操 作 逻 辑 、 界 面 美 观 度 的 整 
体 设计 。 概 要 的 界面 设计 最 方便 的 工具 就 是 纸 和 笔 ， 也 可 以 使 用 一 些 软件 工具 。 

Web 应 用 系统 首页 的 要 素 通 凋 包 括 横幅 标题 、 导 航 链接 、 人 快捷 染 单 、 内 容 展示 ， 结 合 
MPMM 管理 对 象 为 音乐 分 类 和 音乐 资料 ， 确 定 MPMM 首页 界面 ， 如 图 1-4 所 示 。 
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| |] 小明 的 
() 小 明 的 首 乐 库 首页 | 分 类 维护 | 资料 维护 | 查找 资料 


This ls Where We Are, 普 莉 西 雅 ，2013 年 1 月 22 日 , CD 
This ls Where We Are, 普 痢 西 雅 ，2013 年 1 月 22 日 , CD 
This ls Where We Are， 首 利 西 雅 ，20 人 二 年 ff 月 22 日 , CD 
This ls Where We Are, 普 痢 西 雅 ，2013 年 1 月 22 日 , CD 
This ls Where We Are 普 币 西 雅 ，2013 年 1 月 22 日 , CD 
This ls Where We Are, 普 莉 西 雅 ，20 人 3 年 1 月 22 日 , CD 


1-4 首页 界面 设计 示意 图 
图 1-5 给 出 了 管理 音乐 分 类 的 界面 设计 ， 其 中 “添加 ”按钮 用 来 增加 新 的 分 类 ， 每 个 


音乐 分 类 的 右 侧 有 两 个 链接 ， 分 别 用 于 修改 和 删除 该 分 类 。 类 似 地 ， 可 以 设计 出 音乐 资料 
的 管理 界面 。 


图 1-5 管理 音乐 分 类 界面 设计 示意 图 


音乐 分 类 或 音乐 资料 的 添加 /修改 界面 通常 是 非常 类 似 的 , 所 以 这 里 只 给 出 音乐 资料 的 
修改 界面 设计 ， 如 图 1-6 所 示 。 
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[se] [i] 
图 1-6 音乐 资料 修改 界面 设计 示意 图 


最 后 给 出 展现 单个 音乐 资料 的 界面 设计 ， 包 括 了 音乐 资料 的 详细 信息 以 及 数字 化 音乐 
播放 功能 ， 如 图 1-7 所 示 。 
MP3 
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球 展开 过 一 建 吊 【「 宪 圳 奇 对 音乐 之 床上 」 . 首发 .. 
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图 1-7 音乐 资料 详细 信息 界面 设计 示意 图 


本 节 只 给 出 几 个 典型 的 界面 设计 ， 其 他 模块 的 界面 设计 请 自行 补充 完善 

2， 类 图 

概要 设计 的 另 一 个 重要 部 分 是 数据 结构 设计 ， 也 就 是 确定 软件 系统 管理 对 象 以 及 对 象 

间 的 逻辑 关系 用 什么 样 的 数据 来 表示 。 实 际 上 ， 数 据 结 构 就 是 系统 所 管理 对 象 的 一 个 数据 
模型 。 

传统 数据 结构 设计 工具 有 数据 字典 、 数 据 流 图 、ER 图 等 ， 这 里 采用 面向 对 象 的 设计 

方法 一 一 类 图 (Class Diagram)。 类 图 显示 了 模型 的 静态 结构 。 

类 图 的 设计 首先 是 找 出 类 ， 通 过 在 需求 分 析 和 设计 文档 中 寻找 名 词 可 以 得 到 可 能 名 

类 。 注 意 ， 设 计 阶段 找 出 来 的 类 不 一 定 是 全 面 、 完 善 的， 可 在 后 面 对 其 细 化 。 

。 小 明 : 系统 用 户 通常 在 系统 中 应 该 存在 一 个 代表 ， 以 便 系统 掌握 用 户 的 信息 。 但 在 
MPMM 中 没有 考虑 多 用 户 的 情况 ， 用 户 信息 固定 不 变 ， 因 此 不 必 考虑 将 其 抽象 
为 类 。 

。 音乐 资料 ， 音 乐 资料 是 MPMM 管理 的 核心 对 象 ， 将 其 抽象 为 音乐 资料 类 。 

。 音乐 分 类 ， 音 乐 分 类 可 作为 音乐 资料 的 一 个 属性 ， 而 不 是 类 。 考 虑 到 MPMM 允许 
小 明 自己 维护 音乐 分 类 ， 且 音乐 分 类 可 形成 层次 关系 ,同时 音乐 分 类 本 身 就 有 多 项 
属性 ， 所 以 将 其 抽象 为 音乐 分 类 类 。 

。 数字 化 音乐 : 数字 化 音乐 是 特殊 的 音乐 资料 ， 具 有 不 同 的 管理 需求 〈 可 以 在 线 反 
放 )， 所 以 将 其 抽象 为 数字 音乐 资料 类 ， 它 是 音乐 资料 类 的 子 类 。 
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。 非 数字 化 音乐 : 非 数 字 化 音乐 是 除了 数字 化 音乐 以 外 的 音 


z ER 、 四 类 的 名 称 
乐 资 料 ， 其 不 同 的 管理 再 求 是 再 要 千 握 存放 的 去 问 ， 是 首 ee 
乐 资料 类 的 男 一 个 子 类 。 {编码 (Code) 
A 上 We E 小 (Name 
和 存放 地 点 : 和 音乐 分 类 的 道理 一 样 ， 可 以 作为 属性 ， 也 可 + 所 述 (Description) 


以 作为 类 ， 这 里 选择 简化 管理 ， 将 其 作为 一 个 属性 。 ee 
表示 类 的 图 标 如 图 1-8 所 示 ， 图 标 分 为 3 个 部 分 ， 从 上 往 下 | + 个 康 Edi90 ， 
依次 为 类 的 名 称 、 类 的 属性 和 类 的 操作 (不 一 定 有 )。 
确定 类 的 内 部 结构 后 ， 进 一 步 确定 类 之 间 的 关系 ， 可 以 得 到 图 1-8 音乐 分 类 类 的 图 标 
如 图 1-9 所 示 的 类 图 。 


音乐 资料 (Music) / 数字 化 音乐 DigitalMusic) 
+ 音乐 文件 (MediaFie) 


-| + 播放 Play)0 


音乐 分 类 (Category) + 编码 (Code) 


+ 编码 人 ode】 
+ 名 和 和 (Name) 


I | | 这 全 be 
+ 个 改 丛生 光 将 非 数字 化 音乐 (MediaMusic) 


+ 介质 类 型 (viediaType) 


IE Dalet + 描 加 人 add)0) 
+ 册 除 (Delete)) ee 
+ 删除 (Delete)0) 


+ 避 仓 去 同 (GoWhere) 


+ 修改 去 向 (GoTo)0 


图 1-9 概要 设计 类 图 


类 间 连 线 表 示 类 之 间 的 关系 。 类 图 中 能 够 表示 的 关系 有 泛 化 〈Generalization )、 实 现 
(Realization )、 关 联 (Association )、 聚 合 (Aggregation ) 、 组 合 (Composition )、 依 颊 
(Dependency) 六 种 。 图 1-9 中 只 用 了 关联 和 泛 化 两 种 ， 先 和 擎 握 这 最 基本 的 两 种 。 

。 关联 : 关联 关系 是 一 种 拥有 的 关系 ， 它 使 一 个 类 拥有 男 一 个 类 ， 或 者 通过 一 个 对 和 象 

能 够 找到 相关 的 其 他 对 象 。 如 图 1-9 中 的 音乐 分 类 和 音乐 资料 ， 茶 个 音乐 分 类 可 以 
拥有 属于 该 音乐 分 类 的 所 有 音乐 资料 ,而 一 个 音乐 资料 可 以 拥有 目 己 所 属 的 音乐 分 
类 。 关 联 可 以 是 双向 的 ， 也 可 以 是 单 向 的 。 双 向 的 关联 可 以 有 两 个 箭头 或 者 没有 箭 
头 ; 单 问 的 关联 有 一 个 普通 箭头 ， 指 同 被 拥有 者 。 

。 泛 化 : 泛 化 关系 是 一 种 继承 关系 ， 子 类 继承 父 类 则 拥有 所 有 父 类 的 特征 ， 但 同时 具 

有 自己 的 新 特征 。 例 如 数字 化 音乐 也 是 音乐 ， 但 额外 具有 音乐 文件 并 且 能 够 执行 在 
线 播放 操作 。 泛 化 关系 用 市 三 角 箭 头 的 实 线 表 示 ， 箭 头 指 问 父 关 。 

3， 活 动 图 

活动 图 通 沼 用 于 揪 述 业务 用 例 实现 的 工作 流程 ， 和 传统 的 流程 图 类 似 ， 但 摘 述 能 力 更 
强 。 图 1-10 给 出 了 “维护 音乐 分 类 ”的 添加 、 修 改 流程 。 

图 1-10 中 有 小 明和 MPMM 两 条 泳 道 (Swamlane )。 泳 道 就 是 用 实 线 将 活动 图 划分 为 
不 同 区 域 ， 每 个 区 域 代表 整个 工作 流程 的 东部 分 职 贡 由 该 泳 道 对 应 对 象 负 员 执行 。 

图 1-10 中 各 图 标的 含义 容易 理解 ， 不 再 一 一 解释 。MPMM 中 工作 流程 都 非常 简单 ， 
基本 上 就 是 标准 的 数据 库 操作 : 增加 、 修 改 和 删除 。 这 里 给 出 的 是 音乐 分 类 管理 的 活动 图 ， 
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请 读者 自行 补充 其 他 活动 图 。 注 意 在 添加 或 修改 音乐 资料 时 需要 指定 音乐 资料 所 归属 的 音 
乐 分 类 ， 并 且 数 字 化 音乐 可 以 上 传 音乐 文件 。 


请 求 查看 音乐 分 类 
显示 音乐 分 类 


“请求 修改 请 求 添加 新 建 音乐 分 类 


获取 音乐 分 类 信息 


条 作 症 乐 分 类 


显示 条 入 界面 
你 邦 首 乐 分 类 


添加 和 修改 


图 1-10 维护 音乐 分 类 活动 图 


一 、 选 择 题 
1. 关于 需求 分 析 ， 以 下 说 法 正确 的 是 (  )。 

A) 需求 分 析 是 软件 工程 的 第 一 步 ， 因 此 也 是 最 简单 的 一 步 

B) 需求 分 析 决 定 了 最 终 开 发 的 软件 能 否 符 合 要 求 ， 因 此 是 最 重要 的 一 步 

C) 软件 开发 的 技术 水 平 决 定 了 软件 的 质量 ， 需 求 分 析 影 啊 不 大 

D)》 应 该 跳 过 需求 分 析 ， 尽 快 进入 实现 阶段 ， 用 可 见 的 成 果 确 你 软件 项 目的 成 功 
2. 假设 你 需要 开发 一 个 《银行 个 人 业务 管理 系统 》， 以 下 ( ) 最 适合 作为 一 个 

用 例 。 


a 


A) 不 同 途 径 的 存 于 操作 B) 输入 取 球 密 公 
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C) 在 ATM 进行 取款 D) 银行 个 人 业务 
3. 类 图 中 的 一 个 类 由 三 个 部 分 组 成 ， 不 包括 〈 ”)，。 

A) 类 名 B) 属性 C2 方法 D) 关联 
4. 可 以 用 来 描述 用 例 的 方法 有 很 多 ， 下 列 ( 。””) 不 是 描述 用 例 的 方法 。 

A) 类 图 B) 状态 图 C) 活动 图 D) 文字 描述 


二 、 实 践 题 
请 模仿 MPMM 完成 《个 人 通讯 录 》 系 统 的 需求 分 析 ， 完 成 用 例 图 ， 并 进行 简单 的 Web 
界面 设计 (首页 、 通 讯 录 列 表 、 添 加 联系 人 、 联 系 人 详情 )。 


Web 表面 开 妈 


学 习 目标 

e 理解 界面 设计 包括 美工 和 交互 两 个 方面 的 内 容 ; 

。 掌握 什么 是 HTML、XHTML 以 及 HTML 元 素 的 概念 和 运用 规则 ; 

。 和 车 握 HIML 文件 结构 和 基本 标签 ， 筷 握 列 表 、 图 像 和 表格 元 素 ; 

。 了 解 网 站 发 布 的 原理 ， 理 解 动态 网 站 的 工作 原理 ; 

。 笛 握 ASPNET 项 目的 创建 和 发 布 ; 

。 理解 HIML 表单 的 概念 ， 人 掌握 第 用 表单 输入 控件 ; 

e 深刻 理解 Request 和 Response 对 象 ， 掌 握 Request 和 Response 的 傈 单 用 法 ; 
。 理解 ASPNET 控件 的 作用 ， 和 营 握 Literal 控件 的 使 用 。 


“您 需要 什么 样 的 界面 ? ”大 多 数 用 户 对 此 的 回答 都 是 “ 漂 腕 “方便” 这 给 出 了 界面 (User 
Interface，UI) 设计 的 两 个 方面 : 美工 设计 和 交互 设计 ， 一 个 好 的 如 设计 两 者 缺 一 不 可 。 

常见 的 UI 风格 可 以 分 为 Windows 时 面 风格 和 Web 风格 。MPMM 的 界面 使 用 典型 的 
Web 风格 ， 开 发 其 界面 时 必须 擎 握 Web 界面 的 语言 一 HIML。 


2.1 编写 页 面 


HTML 是 用 来 描述 网 页 的 一 种 语言 ， 也 束 是 超 文 本 标记 语言 (Hyper Text Markup 
Language，HTML)， 它 是 一 种 标记 语言 ， 通 过 标记 形成 HTML 元 素来 朱 述 网 页 。 

HTML 标记 是 由 尖 插 号 包围 的 关键 词 , 例如 <html>; 在 一 个 HTML 元 素 中 ， 标 记 通 第 
是 成 对 出 现 的 ， 例 如 <b> 和 </b>， 标 记 对 中 的 第 一 个 标记 是 开始 标记 ， 第 二 个 标记 是 结束 
标记 ; 开始 和 结束 标记 也 被 称 为 开放 标记 和 闭合 标记 。 

HTML 文档 束 是 一 个 包含 HTML 标记 和 纯 文本 的 文本 文件 ，HTML 文档 第 被 称 为 静 
态 网 页 。Web 浏览 融 的 作用 就 是 读 取 并 解析 HTML 文档 ， 上 再 显 示 最 终结 来 。 

HTML 是 一 种 松散 的 语言 ， 并 不 严格 执行 规范 ,但 XHTML 作为 一 种 可 扩展 超 文 本 语 
言 ， 具 有 严格 的 规则 。 例如, 在 XHTML 中 ,所 有 的 标记 名 和 属性 名 必须 用 小 写字 母 表 示 ， 
所 有 的 元 素 必 须 包 含 结束 标记 ， 所 有 的 属性 值 必 须 加 引号 。 在 Visual Studio Express 2013 
中 建立 HIML 文件 ， 揪 认 使 用 XHTMLS 文件 类 型 。 因 此 ， 为 了 保持 编程 的 规范 性 ， 使 用 
HTML 时 也 应 执行 XHTMLS 的 规则 。 

1. HTML 文件 结构 

用 任意 文本 编辑 工具 〈 如 Windows 目 市 的 记事 本 ) 新 建文 本 文件 ， 输 入 如 下 内 容 : 
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<IDOCTYPE html> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<meta name="Author™" content="Kenjiang™" /> 
<meta name"Keywords" content=" 小 明 ; 音 乐 库 " /> 
<meta name="Description" content=" 小 明 首 乐 库 管理 系统 " /> 
<title> 小 明 音 乐 库 管理 系统 </title> 

</head> 

<body> 

</body> 

</html> 


保存 为 ndex.html 文件 ， 注 意 确 保 扩 展 名 为 html。 男 外 ， 为 了 确保 浏览 器 能 正确 显示 
汉字 ， 要 使 用 UTF-8 字符 编码 来 保存 HTML 文件 。 使 用 浏览 器 打开 该 文件 ， 将 看 到 如 
图 2-1 所 示 的 浏览 效果 。 


名] CN\index.html 万- 口 | 居 小 明 音 乐 库 管理 系统 x Nn? 7@ 


图 2-1 index.html 网 页 的 显示 结果 


Index.html 中 的 代码 主要 分 为 HIML 文档 类 型 <IDOCTYPE> 声 明 、 头 部 标记 <head> 和 
内 容 标记 <body> 三 个 部 分 。 

<IDOCTYPE> 声 明 : <!IDOCTYPE> 不 是 HTML 标签 。 它 为 浏览 名 提供 一 项 声明 ， 即 
HTML 是 用 什么 版 本 编写 的 。 只 有 明白 页 面 中 使 用 的 HIML 上 成 本 ， 浏 览 需 才能 正确 显示 
HTML 页 面 。 

<head> 头 部 标记 : <head> 标 记 中 主要 包含 <meta> 标 记 和 <title> 标 记 。 

<meta> 元 数据 标记 : 通俗 来 说 就 是 关于 HTML 文件 的 说 明 , 一 般 用 户 无 法 看 到 元 数据 
信息 ， 但 对 于 搜索 引擎 是 可 读 的 ， 从 网 站 推广 上 来 说 有 一 定价 值 。 

<title> 标 记 : 定义 文档 的 标题 ， 主 要 作用 是 定义 浏览 器 工具 栏 中 的 标题 ， 提 供 页 和 面 被 
添加 到 收藏 夹 时 显示 的 标题 ， 以 及 显示 在 搜索 引擎 结果 中 的 页 面 标 题 。 所 以 ， 标 题 应 该 简 
洁 明 了 ， 和 内 容 相 符 。 

<body> 标 记 : 定义 文档 内 容 ，HTML 页 面 需要 展示 的 内 容 都 应 该 位 于 <body> 标 记 内 。 
本 例 中 <body>…</body> 元 素 部 分 是 衬 的 ， 所 以 网 2-1 中 除了 标题 看 到 的 是 一 个 空白 页 面 。 

2. MPMM 首页 

图 2-2 给 出 了 MPMM 首页 浏览 效果 ， 其 内 容 分 为 三 部 分 : 系统 概况 、 网 站 导航 和 页 
脚 ， 互 相 之 间 有 一 条 横 线 分 割 。 

图 2-2 展示 的 首页 主要 应 用 了 内 容 标题 、 段 沙 、 水 平 线 、 超 链接 4 种 HIML 标记 ， 完 
整 的 HIML 文件 内 容 如 下 ， 主 要 关注 其 中 的 <body>…</body> 部 分 。 
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小 明 的 音乐 库 

本 系统 能 够 对 音乐 资料 分 关 归 档 ， 方 便 地 维护 音乐 资料 。 随时 随地 能 够 找到 音乐 库 中 
的 音乐 ， 查 阅 相 关 的 信息 。 对 于 数字 化 音乐 ， 能 够 随时 欣 贫 。 对 于 非 数字 化 音乐 ， 能 
够 找到 仓 放 地 点 《包括 外 借 情 况 ) 。 


网 站 导航 
首页 音乐 分 3 音乐 护 总 乐 查 ; 
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图 2-2 MPMM 首页 index.html 的 浏览 效果 


<IDOCTYPE html> 


<html> 
<head> 
<title> 小 明 普 乐 库 管 理 系统 </title> 
</head> 
<body> 


<h1> 小 明 的 音乐 库 </h1> 
<p> 本 系统 能 够 对 音乐 资料 分 类 归档 ， 方 便 地 维护 音乐 资料 。 
随时 随地 能 够 找到 音乐 库 中 的 音乐 ， 碍 阅 相关 的 信息 。 
对 于 数字 化 的 音乐 ， 能 够 随时 欣 质 。 
对 于 非 数 生化 的 音乐 ， 能 够 找到 存放 地 点 (包括 外 借 情 况 ) 。</p> 
<Iir /> 
<h3> 网 站 导航 </h3> 
<p><a href="index.html"> 自 贝 </a>&nbsp; gnbsp:; 
<a href="category.html"> 痛 乐 分 类 </a>gnbsp; gnbsp:; 


<a href="maintain.html"> 音 乐 维护 </a>gnbsp; gnbsp; 
<a href="query.html" > 音乐 查询 < /a>tnbsp; tnbsp; 
</p> 
<hr /> 
<p>Copyright &copy;2016 xiao Ming</p> 
</body> 
</html> 


1) 标题 标记 

首先 注意 系统 概况 部 分 的 标题 “<h1> 小 明 的 音乐 库 </h1>” 被 一 对 <h1>…</h1> 标 记 所 
包围 ， 这 惑 是 标题 元 素 。 一 篇 文章 标题 可 能 分 为 多 级 ， 例 如 一 级 标题 可 能 是 文章 的 题目 ， 
二 级 标题 可 能 是 文章 每 个 小 节 的 题目 ……HIML 中 的 标题 允许 有 6 级 ， 通 过 
<h1>,<h2>……,<h6> 等 标记 进行 定义 。<hl> 定 义 最 大 的 标题 ，<h6> 定 义 最 小 的 标题 。 

一 般 来 说 ， 浏 览 器 会 用 粗 体 来 显示 这 些 标题 ， 并 且 用 大 号 的 宇 体 显示 <hl> 标 题 ， 略 小 
的 字体 显示 <h2>…… 但 一 定 要 注意 ， 如 采 仅 仅 是 为 了 获得 粗 体 或 大 与 文本 的 效果 而 使 用 标 
题 标 签 ， 这 是 不 应 该 的 ! 浏览 器 并 不 保证 按照 这 样 的 规则 去 显示 标题 。 

2) 段落 标记 

系统 概况 中 的 


大 段 文 学 介绍 使 用 了 一 对 <p>…</p> 标 记 ， 这 是 段 洛 元 素 。 段 洛 元 素 
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对 应 一 篇 文章 中 的 段落 ， 疼 2-2 中 可 以 看 到 概况 介绍 段 洲 和 前 后 的 内 容 分 离 ， 独 立成 段 。 

另外 , 在 HTML 代码 中 看 到 段落 标记 内 的 文字 分 4 行 , 但 浏览 堪 中 显示 却 是 完整 的 一 
段 。 一 定 要 注意 : 浏览 喜 在 分 析 HTML 文件 内 容 时 会 忽略 所 有 多 余 的 空格 和 换行 。 也 束 是 
说 ，HIML 文档 中 的 多 个 空格 和 一 个 空格 是 一 样 的 ， 而 换行 和 空格 也 是 一 样 的 。 

如 果 确 实 需要 换行 ， 则 需要 通过 单 标记 <br> 来 实现 。 请 读者 自行 实验 ， 看 看 段落 标记 
和 换行 标 Te 的 区 . 列 0 

3) 超 链 接 标记 

网 站 导航 部 分 内 容 包 含 一 个 标题 和 一 个 段落 ， 标 题 是 <h3> 级 别 的 ， 而 段落 的 内 容 则 是 
4 个 超 链 接 。 超 链接 束 是 一 段 可 以 单 击 的 内 容 ， 单 击 后 会 打开 为 一 个 HTML 页 面 。 超 链接 
的 标记 是 <a>…</a>， 为 了 指定 链接 目标 ， 开 始 标记 <a> 可 拥有 href 属性 ， 例 如 : 


<a href="category.html"> 音 乐 分 类 </a> 


属性 和 值 乙 间 用 “=” 连 接 ， 说 明 单 击 “ 音 乐 分 类 ”打开 category.html 这 个 HTML 文件 。 

4) 符号 标记 

前 面 提 到 ， 浏 览 堪 会 忽略 多 余 的 空格 和 空 行 ， 那 确实 需要 展示 空格 时 该 怎么 办 ? 注意 
到 这 里 4 个 超 链 接 标 签 最 后 部 有 “&nbsp;&nbsp;”, 这 是 HTML 特殊 符号 标记 , 每 个 &nbsp;” 
表示 一 个 空格 。 注 意 HTML 符号 标记 必须 用 及 符号 开头 ， 用 “:;” 结 束 。HIML 符号 标记 还 
有 很 多 ， 例 如 第 三 部 分 中 的 版 权 符号 © 就 是 用 “&copy;” 来 实现 的 。 

5) 水 平分 隔 标记 

三 部 分 之 间 的 水 平分 隔 线 通 过 单 标记 <hr> 来 实现 ， 可 将 文档 分 隔 成 各 个 部 分 。 

3. HTML 列表 

在 MPMM 网 站 首页 中 单 击 音乐 分 类 超 链 接 ， 其 目标 地 址 是 category.html 文件 ， 图 2-3 
给 出 了 音乐 分 类 页 面 的 效果 。 
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图 2-3 ”音乐 分 类 页 面 categoryhtml 浏览 效果 


1) 无 序列 表 标 记 

图 2-3 中 音乐 分 类 部 分 的 3 个 超 链 接 ， 不 像 图 2-2 中 的 超 链 接 排 在 同一 行 ， 而 是 分 成 
了 3 行 ， 每 行 开始 处 还 有 一 个 小 黑 圆圈 标记 ， 这 种 格式 就 是 列表 。 根 据 前 面 标记 是 顺序 号 
还 是 小 黑 圆圈 ， 列 表 分 为 有 序 和 无 序 两 类 。 无 序列 表 用 <ul>…</ul> 标 记 来 定义 ， 列 表 项 用 
<]i>…</l 谊 来 标记 ， 其 体 的 HTML 代码 如 下 所 未 : 

<ul> 


<li><a href="l1istrock.html"S> 摇 深 音 乐 </a></1i> 
<1li><a href="1istpop.html"> 流 行 音 乐 </a></1i> 
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<11><a href="]listchina.html"> 民 族 音 乐 </a></1i> 
</uly> 


这 里 每 个 列表 项 都 是 一 个 超 链 接 ， 在 浏览 占 中 单 击 超 链接 可 以 合 看 对 应 分 类 的 音乐 列 
表 。 例 如 ， 单 击 “ 摇 深 首 乐 ” 超 链接 时 呈现 如 图 2-4 所 示 的 浏览 效果 。 


小 明 的 音乐 库 


括 深 音乐 


1. 黄昏 窦唯 2010-11-01 CD 

2. 祝福 零点 乐队 2010-11-01 MP3 

3. 天 党 唐 朝 2010-11-01 CD 

4. 海阔天空 beyond 2010-11-01 MP3 
5. 直 的 爱 你 beyond 2010-11-01 CD 
6. 小 禾 岁 月 beyond 2010-11-01 MP3 
7. 楚 醒 时 分 迪克 牛仔 2010-11-01 CD 
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2-4 摇滚 音乐 列表 页 面 listrock.html 浏览 效果 


2) 有 序列 表 标 记 
listrock.html 中 使 用 了 有 序列 表 ， 实 现时 只 需 把 无 序列 表 的 <uj>…</ul> 标 记 答 换 成 
<ol>…</ol> 标 记 ， 列 表 项 仍 用 <li>…</i> 标 记 。 请 谈 者 根据 前 面 的 知识 编写 HTML 代码 ， 
ee 2-4 的 listrockhtml 页 面 。 
图片 标记 
汪 订 的 册 
乐 资料 的 详细 信息 负面。 图 2-5 给 出 了 单 击 “ 海 阔 天 空 ” 超 链 接 后 显示 的 详细 信息 浏览 效果 。 


小 明 的 音乐 库 


音乐 详细 资料 


海阔天空 MP3 

Beyond 

90 年 代 初 的 创作 对 他 来 讲 亦 是 一 次 重要 转折 。BEYOND 成 员 的 非 
洲 之 行 ， 使 他 看 到 了 这 片 饥荒 大 地 上 的 人 与 事 ， 战 争 与 和 和 平 ， 
压迫 与 反抗 ， 无 奈 与 泪痕 。 他 回 港 后 一 曲 《amani》， 在 倾诉 饱 
受 战火 踩 蹦 的 儿童 的 同时 ， 亦 指出 了 生命 的 尊严 与 可 贵 ; 而 《区 
辉 岁 月 》 是 专 为 黑人 领袖 曼 德 拉 而 作 ， 在 领 扬 曼 氏 的 同时 ， 亦 
折射 出 人 类 大 同 的 趋势 与 战争 的 轴 昧 。 黄 家 驹 生前 最 后 一 张 
BEYOND 的 作品 辑 《 乐 与 怒 》， 更 是 达到 了 他 创作 生命 的 颠 
峰 。 主 打 曲 《 海 闪 天空 》 表 达 了 一 种 省 然 忘我 而 又 似 人 海 抓 鸿 的 
境界 ， 多 年 的 追求 ， 多 少 心事 与 梦幻 ， 多 少 爱 意 与 天 真 ， 在 这 
3 ee 此 歌 既 是 他 的 内 心 写照 又 是 孤身 寻 梦 人 的 生命 


醒 


第 午 避 器 记 化 各 必 站 十 机 机 和 蕊 雪 书 一 恒 


17990 征 2 万 7 H 发 条 
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图 2-5 ”音乐 《海阔天空 》 详 细 资料 页 面 detail_hktk.html 浏览 效果 
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为 实现 图 文 混 排 ，detail hktk.html 中 主要 应 用 了 HTML 的 图 片 标记 和 表格 标记 。 

在 HIML 中 ， 图 片 由 单 标签 <img/> 标 记 定 义 。 要 显示 图 片 ， 需 要 使 用 图 片 标记 的 src 
属性 ,设置 其 属性 值 为 图 片 URL。 假设 图 片 文 件 boat.gif 位 于 www.baidu.com 的 Images 文 
件 夹 中 ， 则 其 URL 为 http://www.baidu.com/Images/boat.gif， 这 叫绝 对 引用 。 较 多 地 情况 使 
用 相对 引用 ， 表 示 图 片 相对 于 引用 图 片 的 网 页 所 在 文件 来， 例如 在 前 述 详 细 资 料 页 面 ， 首 
乐 资 料 的 图 片 通过 如 下 代码 指定 : 


<1mg src="Images/m10001.Jpg" alt="cdPhoto™ width="200™ /> 


src 属性 的 URL 为 Images/m10001.jpg， 这 束 表 示 图 片 名 称 为 m10001.jpg， 图 片 所 在 路 径 是 
网 页 detall_ hktk.html 所 在 文件 夹 下 的 Images 文件 夹 。 

最 后 请 思考 一 个 问题 : 图片 可 作为 超 链接 内 容 吗 ? 也 就 是 实现 单 击 图 片 载 入 其 他 网 
页 吗 ? 

5. HTML 表格 

早期 的 网 页 设计 师 常 用 表格 来 实现 页 和 面 各 种 元 素 的 布局 ,现在 常用 div 加 CSS 技术 来 
布局 (参见 下 一 篇 )， 但 表格 仍然 是 最 常用 的 HTML 元 素 之 一 。 

1) 标准 表格 

HTML 表格 就 指 二 维 表格 ， 由 若干 行 以 及 车 干 列 构 成 ， 用 <table>…</table> 标 记 来 定 
义 ， 行 由 <tr>…</tr> 标 记 定 义 ， 每 行 分 割 为 奋 干 单元 格 由 <td>…</td> 标 记 定 义 。 单 元 格 可 
以 包 仿 文本、 图片 、 列 表 、 段 落 、 表 单 等 各 种 HIML 元 素 ， 甚 至 是 另 一 张 表 格 。 

一 个 简单 的 2 行 2 列 表格 的 HIML 代码 如 下 所 示 : 


<table border="] "> 
<tr> 
<td> 第 1 行 ,第 1 列 </td> 
<td> 第 1 行 ,第 2 列 </td> 
</tr> 
<tr> 
<td> 第 2 行 ,第 1 列 </td> 
<td> 第 2 行 ,第 2 列 </td> 
</tr> 
</table> 


其 中 border 属性 值 为 1 表示 表格 边框 宽度 为 lpx (1 个 像素 点 )。 在 图 2-$ 展示 页 面 中 没有 
看 到 边框 ， 那 是 因为 没有 为 表格 指定 border 属性 ， 此 时 表格 border 属性 值 默认 为 0。 
2) 合并 单元 格 
除了 标准 二 维 表 格 ， 表 格 支 持 单元 格 的 合并 ， 例 如 网 2-5 的 页 面 的 代码 : 
<table> 
<tr> 


<td rowspan="4"> 

<1mg src="Images/m10001.Jpg" alt="cdPhoto™ width="200"™/></td> 
<td><b> 海 阔 大 空 </p></td> 
<td>MP3</td> 
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</tr> 
<Ttr> 
<td colspan="2">Beyond</td> 
</tr> 
<Ttr> 
<td colspan="2">90 年 代 初 的 创作 对 他 来 讲 亦 是 一 次 重要 转折 。.…. 此 歌 既是 他 的 内 心 写照 
又 是 孤身 寻 梦 人 的 生命 符号 。</td> 
</tr> 
"Eo 
<td colspan="2"™><i>1990 年 2 月 1 日 发 行 </i></tqd> 
</tr> 
</table> 


上 述 代 码 中 表格 的 基本 结构 应 该 是 4 行 3 列 ， 因 为 可 看 到 4 个 <tr>…</tr> 标 记 ， 其 中 
第 1 行 拥有 3 个 单元 格 。 其 次 ， 注 意 第 1 行 的 第 1 个 单元 格 <td> 标 记 珊 有 rowspan 属性 ， 
值 为 4， 它 的 意思 就 是 这 个 单元 格 需 要 跨 4 行 ,也 就 是 把 第 1 一 4 行 的 第 1 个 单元 格 合并 成 
了 一 个 “大 单元 格 ”。 最 后 ， 第 2 行 中 唯一 的 单元 格 的 colspan 属性 值 为 2， 它 的 意思 是 这 
个 单元 格 需 要 路 2 列 ， 也 就 是 把 这 一 行 中 的 第 2、3 两 列 合并 成 了 一 个 “大 单元 格 ”。 

读者 不 妨 给 这 个 <table> 标 记 加 上 border 属性 ， 看 一 看 这 个 表格 的 真实 模样 。 另 外 ， 
rowspan 和 colspan 属性 可 以 组 合 使 用 ， 所 以 表格 可 以 变 得 非常 复杂 。 设 计 复杂 表格 时 ， 应 
该 先 男 出 基本 表格 结构 ， 然 后 标明 单元 格 的 合并 方式 和 数量 。 


2.2 发 布 网 站 
通常 HTML 文档 是 保存 在 服务 器 上 的 ， 然 后 将 服务 器 接 入 Intermnet， 这 样 全 世界 的 人 


都 可 以 通过 浏览 器 来 访问 这 个 HTML 文档 。 这 个 时 候 ， 浏 览 器 获取 HTML 文档 是 通过 网 
络 通信 来 完成 的 ， 如 图 2-6 所 示 。 


局 1 输入 网 址 ~ 


3. EM 
— RS 


2 网络 请 求 
4. 网 络 反 馈 


Se 


图 2-6 Web 服务 器 工作 原理 示意 图 


用 户 在 浏览 器 地 址 栏 中 输入 网 址 URL， 表 明了 想 要 访问 的 HTML 文件 所 在 路 径 。 服 
务 占 通过 网 络 收 到 这 个 请 求 ， 就 在 人 磁盘 上 找到 这 个 HTML 文档 , 庶 取 后 通过 网 络 发 送 给 请 
求 浏览 器 。 济 览 右 收 到 HTML 文档 , 分 析 内 容 后 将 其 展现 出 来 。 浏览 器 和 服务 器 之 间 的 网 
络 通 信和 遵守 HTTP 协议 。 

对 于 浏览 器 来 说 ,这 个 过 程 和 直接 从 磁盘 读 取 并 展示 HTML 文档 的 过 程 是 一 致 的 ， 只 
是 前 者 通过 网 络 通信 来 获取 HTML 文件 ， 后 者 是 通过 读 取 磁盘 来 获取 HTML 文件 。 
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从 这 个 过 程 可 以 看 到 , 要 在 网 络 上 发 布 一 个 网 站 供用 户 访 问 , 必须 要 有 一 全 执行 HITP 
协议 的 服务 器 ， 这 个 服务 磺 称 为 Web 服务 髓 。 

使 用 Windows 系统 目 带 的 Web 服务 器 便 可 以 发 布 MPMM。Windows 目 带 的 Web 服务 
俗 叫 作 Internet Information Service， 人 秒 称 IS。 网 上 有 大 量 安装 IS 的 资料 ， 请 根据 目 己 的 
操作 系统 架设 Web 服务 器 。 

IIS 服务 器 安装 完 后 , 会 增加 一 个 ci\inetpubWwwwroot 文件 夹 , 这 是 IIS 默认 读 取 HTML 
文档 的 文件 夹 。 将 前 面 编写 好 的 HTML 文档 复制 到 这 个 文件 夹 中 ，MPMM 网 站 就 发 布 成 
功 了 。 

在 这 人 台 服 务 器 上 打开 浏览 上 器， 地 址 栏 输入 localhost， 确 认 后 出 现 图 2-2 所 示 相 同 页 面 ， 
但 该 HTML 文档 是 从 IS 获取 的 。localhost 是 服务 器 地 址 ， 它 和 127.0.0.1 的 IP 地 址 等 价 ， 
也 就 是 指 本 机 。 

仔细 观察 还 可 以 看 到 localhost 的 URL 后 面 没 有 index.html 这 个 文件 名 ， 那 是 因为 IIS 
设置 了 默认 文档 选项 ， 如 果 URL 中 没有 指定 具体 的 HTML 文件 ， 那 么 就 认为 是 请 来 
index.html。 

现在 ， 在 和 Web 服务 器 联网 的 任意 一 台 计 算 机 中 打开 浏览 桌 ， 输 入 Web 服务 右 的 IP 
地 址 或 域名 (如 果 有 ) 同样 可 以 打开 这 个 页 面 。 也 就 是 说 ， 已 经 成 功 发 布 了 MPMM 网 站 。 
如 果 服 务 器 连接 了 Intemet， 且 拥有 公 网 的 地 址 ， 那 么 全 世界 都 可 以 来 访问 这 个 MPMM 网 
pu 

早期 的 网 站 就 是 这 么 开发 的 : 做 好 所 有 的 HIML 文档 ， 设 置 好 文档 之 间 的 跳 转 链接 ， 
把 它们 保存 在 服务 器 的 特定 文件 夹 下 ， 一 个 网 站 就 做 好 了 。 显 然 这 样 的 网 站 ， 其 内 容 不 会 
随 着 访问 者 、 访 问 时 间 发 生变 化 ， 所 以 称 为 静态 网 站 。 

3. 动态 网 站 原理 

静态 网 站 的 Web 服务 占 束 是 一 个 “二 传 手 ”， 完 全 没有 发 挥 计 算 机 处 理 加 工 信 息 的 能 
力 。 为 什么 不 能 把 每 个 音乐 资料 的 信息 告诉 计算 机 ， 让 计算 机 根据 用 户 的 需要 ， 动 态 生 成 
这 个 网 页 呢 ? 这 束 是 动态 网 页 技术 。 

本 书 采 用 的 ASPNET 技术 是 Microsoft 推出 的 基于 dotNet 的 动态 网 页 技术 。ASPNET 
的 运作 原理 如 图 2-7 所 示 。 


URL 【程序 的 地 址 ) 


HTWMWIL 数 据 


图 2-7 ASPNET 动态 网 页 技术 原理 示意 图 


ASPNET 是 一 个 动态 链接 库 ， 它 负责 处 理 和 Web 服务 器 的 交互 ， 将 用 户 的 请 求 转换 
成 更 容易 处 理 的 对 象形 式 , 传递 给 软件 开发 人 员 编 写 的 ASPNET 程序 。 然后 执行 ASPNET 
程序 取得 结果 ， 并 将 结果 反馈 给 Web 服务 器 。 
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这 里 一 定 要 注意 一 个 十 分 重要 的 问题 : 当 ASPNET 程序 完成 处 理 生成 结果 后 , 这 个 结 
果 就 和 ASPNET 程序 没有 任何 关系 了 。ASPNET 程序 不 可 能 去 修改 已 经 提交 给 Web 服务 
髓 的 结 采 ， 更 不 可 能 修改 送 回 到 客户 端 展现 在 浏览 器 中 的 结果 。 同 样 的 道理 ， 用 户 在 浏览 
项 中 和 HIML 页 面 进行 交互 的 过 程 ，Web 服务 右 和 ASPNET 程序 都 是 一 无 所 知 的 。 此 时 ， 
Web 服务 右 和 ASPNET 程序 所 能 做 的 驶 是 等 竺 客户 冰 的 另 一 次 请 求 。 

像 这 种 每 次 请 求 都 是 独立 的 情况 ， 称 为 无 状态 的 〈Stateless)，Web 服务 是 典型 的 无 状 
态 服务 。 

4. ASP.NET 网 站 

接 下 来 使 用 集成 开发 工具 Visual Studio 〈 简 称 VS) 来 开发 第 一 个 ASPNET 程序 ， 实 
现 一 个 最 简单 的 动态 网 站 ， 以 便 了 解 使 用 VS 开发 ASPNET 网 站 基本 过 程 。 

谈 者 可 到 微软 官网 下 载 Visual Studio Express 2013 版 本 ， 完 全 可 以 满足 通常 开发 Web 
网 站 项 目的 需要 。 需 要 注意 的 是 ， 对 于 一 些 没 有 包含 ASPNET 的 低 版 本 IIS， 一 定 要 记得 
先 安 疙 IS 册 安 疫 VS， 这 样 在 安 疫 VS 的 同时 束 会 把 IS 的 ASPNET 文 持 都 目 动 配置 好 。 

1) 新 建 Web 项 目 

打开 VS， 选择 “文件 一 新 建 网 站 ”命令 ， 弹 出 狐 建 网 站 的 模板 选择 对 话 框 ， 如 图 2-8 
所 示 。 不 同 版 本 的 VS， 这 个 对 话 框 有 所 不 同 ， 但 都 需要 注意 以 下 儿 点 。 


b 最 近 JNET Framework 4.5 -| 排序 依据 : 中 :| 注 | 搜索 已 安装 异 板 记 - 
Le 上 
Em ASsp.JNET 空 网 站 类 型: Visual C 检 
4 模板 本 室 了 网 站 
Wisual Basic J] asp.NET web 窗 体 网 站 Wisual C# 
Visual CC 本 
= 。 # 
示例 全 | ASPNET MtrRazor wa Visual C 
' E 中 
bp 联机 图 BSP,NET 网 站 (Razor v3) Visual C# 
[1 
的 asSp,NET Dynamic Data 实 ..，Visual C# 
十 
匡 圭 
Ch WACF 服务 Wsual 记者 
三 上 
-1 中 ASP.NET 报表 网 站 Visua| CC# 


I I 
Web 位 凡 :文人 3 绝 -|htsWisual Studio 2013\WebSites\MPMM ~ 


图 2-8 ”新 建 网 站 模板 选择 对 话 框 


(1) 选择 开发 语言 : 左 侧 会 列 出 Visual Basic、Visual C# 等 编写 ASPNET 程序 的 语言 。 
选择 CC#。 

(2) 选择 框架 版 本 上 方 有 选择 .NEI Framework 版 本 的 下 拉 框 。 选 择 4.5 版 本 。 

(3) 选择 模板 : 中 心 区 域 是 各 类 项 目 模 板 ， 所 谓 模 板 就 是 一 些 基 本 的 网 站 设置 ， 包 括 
文件 夹 、DLL 引用 ， 甚 全 一 些 目 动 生成 的 程序 代码 文件 。 选 择 ASPNET 空 网 站 。 

(4) 选择 保存 的 位 置 : 下 方 指定 ASPNET 网 站 文件 保存 的 位 置 。 选 择 “ 文 件 系统 风 
同时 指定 默认 网 站 项 目 保 存 文 件 夹 WebSites 下 的 MPMM 文件 夹 , MPMM 也 将 是 网 站 项 目 
的 项 目 名 称 。 
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2) ASPX 页 面 
告 击 图 2-8 中 的 “确定 ”按钮 ，VS 根据 模板 创建 出 一 个 宇 昌 的 ASPNET 网 站 ， 并 进 
入 开发 界面 。 如 果 没 有 在 开发 界面 看 到 “解决 方案 资源 管理 右 ”， 可 通过 “视图 ” 亲 单 中 的 
对 应 选项 打开 。 
右键 单 击 解 决 方案 资源 管理 器 中 的 MPMM 网 站 ， 选 择 “ 添 加 一 Web 窗 体 ”命令 添加 
ASPNET 首页 文件 Default.aspx。 双 击 打开 这 个 文件 ， 如 图 2-9 所 示 。 


pq MPMM - Microsoft Visual Studio 村 1 岂 | 快 速 启动 (Ctrl+Q) PP- ODO x 

文件 日 ” 编 沁 E) 视图 (VW) 网 站 (8) ”生成 @) 调试 D) 团队 IM) 工具 目测 试 多 体系 结构 加 分析 山 窗 DWw) 
一 一 一 一 一 | Ee a 

服务 串 资 原 管 理 器 ~ 9 x bX Web.config 加 XX v LE -Hx 
x | 增 Es 四 I Langeuage=" Ct" re Ee Oo 合 | -80m '» 
b 四 SharePoint 连接 <IDOCTYPE htnl» 搜索 解决 方案 资源 管理 器 (Ctrl+) 户 ~| 
4 置 服务 器 由] 解决 方案 “MPMM” (1 个 项 目 ) 


Kaen-Pe <htnl xmlns=" Hid 
ee | 《head runat=" server”> 4 MPMM 
z | <meta http-equiv= "Content-Type” content="t b Default.aspx 

ctitle>d/title> bb 人 DWeb.config 

</head> 

<body> 
‘<formn id="forml” runat=" server”» 解决 方案 污 淹 管理 热 人 
<div» 


/div> 

</formn> 
</body» 
/htnl> 


图 2-9 VS 中 MPMM 解决 方案 的 开发 界面 


仔细 观察 解决 方案 资源 管理 右 的 Default.aspx 文件 前 面 有 一 个 P 行 写 , 单 击 后 可 以 展开 
出 现 Default.aspx.cs 文件 。 显 然 这 两 个 文件 密切 相关 ， 所 以 VS 将 它们 安排 成 了 一 组 。 

Default.aspx 的 内 容 基 本 上 束 是 前 面 介绍 过 的 HTML 页 面 ， 双 击 打 开 Default.aspx.cs 
文件 ， 可 以 看 到 其 中 的 内 容 就 是 《面向 对 象 程序 设计 》 中 学 习 过 的 一 个 类 的 程序 代码 。 可 
以 何 单 地 将 Default.aspx 理解 为 动态 生成 网 页 的 框架 ， 而 对 应 的 cs 代 但 文件 则 是 负责 动态 
处 理 这 个 框架 生成 最 终 HTML 页 面 的 程序 。 在 ASPNET 中 ， 动 态 页 和 面 就 是 由 这 样 丙 个 文 
件 互 相配 合 构 成 的 。 

通常 把 包 售 HTML 代码 的 文件 称 为 前 全 页 面 文件 ， 把 包含 对 应 C# 代 伺 的 文件 称 为 后 
台 代 码 文 件 。 完 成 一 个 ASPNET 页 面 经 营 要 在 这 两 个 文件 之 间 切 换 ， 务 必 分 清楚 两 着 的 

3) 设计 页 面 

ASPNET 采用 了 控件 的 概念 : 控件 束 是 一 个 对 象 ， 上 共有 一 定 的 属性 ， 可 以 通过 代 人 码 操 
控 实现 特定 的 功能 ， 其 中 可 视 控 件 还 会 呈现 在 页 面 上 。ASPNET 已 经 将 大 量 HTML 元 素 
封 闻 成 了 控件 ， 方 便 开 发 人 员 1 通过 代码 进行 处 理 ， 最 终 “实现 HTML 页 面 的 动态 生成 。 

注意 图 2-9 下 方 有 三 个 选择 按钮 “设计 ”“ 拆 分 ”和 “ 源 ”， 单 击 “ 设 计 ” 按 钮 可 以 切 
换 到 ASPX 页 面 的 可 视 化 设计 界面 ,得 看 生成 的 HIML 页 面 效果 ; 同时 注意 左边 有 一 个 工 
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具 箱 ， 里 面 有 各 种 可 以 在 ASPX 页 面 上 使 用 的 控件 。 
下 面 切 换 到 可 视 化 设计 界面 ， 目 前 页 面 上 尚 无 显示 内 容 。 为 了 实现 在 页 面 上 显示 “小 
明 的 音乐 库 ?， 从 工具 箱 拖 一 个 Label 控件 放 到 页 面 上 ， 这 个 控件 用 于 显示 文本 信息 。 选 中 
页 面 中 的 Label 控件 ， 可 在 属性 窗口 "中 设置 控件 的 属性 ， 现 在 主要 设置 其 中 的 Font 属性 ， 
如 图 2-10 所 示 。 
属性 -x 
Label1 System.Web.UI.WebControls ~ 


DS 天 


BorderColor 全 
Borderstyle NotSet 
BorderWidth 
CssClass 
= ET 28p 
Bold True 
ltalic False 
Name [ 吉 | 黑体 
Names 顺 体 
Overline False 
Size 28pt - 
Font 
用 于 控件 中 文本 的 字体 。 


图 2-10 ”设置 Font 属性 


此 时 切换 回 ASPX 页 面 的 源码 视图 ， 融 可 以 看 到 VS 已 经 目 动 添加 了 以 下 界面 代码 : 


<asp:Label ID="Labell"™" runat="server"” Font-Bold="True"” Font-Names=" 黑 体 " 
Font—-Size="28pt" Text="Label"></asp:Label> 


这 看 上 去 和 HTML 标记 的 模式 基本 一 样 ， 但 标记 名 称 Label 前 面市 有 “asp:” 六 组 。 
所 以 这 是 ASPNET 的 标记 ， 表 示 的 是 ASPNET 控件 ， 可 以 由 后 台 程 序 代 人 码 操 控 ， 并 且 最 
终 会 被 转换 成 HTML 页 面 中 的 元 素 。 注 意 这 个 标记 中 以 下 的 几 个 属性 。 

(1) ID: 这 是 Label 对 象 的 名 称 ， 程 序 代 但 通过 ID 来 操控 这 个 对 和 象 。 

(2) Text: 这 个 属性 规定 了 Label 对 象 在 页 面 上 显示 的 内 容 。 

现在 来 通过 代 但 动态 生成 Label 显示 的 内 容 。 双 击 打 开 Default.aspx.cs 文件 , 或 者 在 显 
示 Defaultaspx 设计 页 面 时 按 下 F7 功能 键 。 修 改 其 中 的 代码 如 下 : 


public partial class  _ Default : System.Web.UI.Pade 


{ 
protected vold Page Load (object sender, EventArgs e) 
{ 
Labell.Text = "小 明 的 首 乐 库 "; 
} 
} 


1 通常 会 折 受 在 VS 界面 左 侧 ， 仅 显示 一 个 按钮 ， 单 击 可 以 展开 ; 单 击 工具 箱 上 方 的 图 钉 按钮 可 以 将 
其 固定 在 展开 状态 。 
2 通常 在 VS 界面 右 下 角 ， 如 没有 显示 ， 可 以 通过 “视图 ”菜单 的 “属性 窗口 ”命令 打开 。 
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其 中 Labell 就 是 Label 控件 的 如 ,通过 给 Label 控件 的 Text 属性 赋值 就 可 以 动态 设置 Label 
控件 的 显示 内 容 了 。 

4) 调试 运行 

VS 的 强大 之 处 ， 除 了 可 以 用 可 视 化 的 方式 设计 页 面 外 ， 还 文 持 直 接 运行 调试 网 站 。 
为 此 ，VS 内 部 带 有 一个 简化 版 的 IS， 支 持 立刻 查看 网 站 运行 结果 ， 还 支持 在 代码 中 设置 
断 点 跟踪 网 站 运行 的 过 程 。 

单 击 工具 栏 中 的 “启动 调试 ”按钮 绿色 向 右 的 三 角 小 箭头 )， 或 者 按 下 F5 功能 键 ， 
开始 运行 动态 网 站 。VS 一 方面 启动 内 部 TS， 将 网 站 文件 自动 发 布 到 这 个 IIS 中 ， 另 一 方 
面 启 动 浏览 器 访问 这 个 网 站 ， 效 果 如 图 2-11 所 示 。 注 意 浏览 器 中 的 URL 主机 地 址 为 
localhost， 后 面 跟 了 了 :1031 ， 这 是 VS 随机 产生 的 站 口号 ， 可 以 认为 是 Web 服务 器 地 址 的 
一 部 分 。 还 可 以 使 用 浏览 器 “查看 源 ” 命 令 ， 比 较 一 下 ASPX 源 文件 和 最 终生 成 的 HTML 
代码 之 间 的 对 照 关系 ， 进 一 步 理解 ASPNET 是 如 何 生 成 HTML 代码 的 。 


/Shttp://localhost:1031/0r0n/Defoult espa ids L200 =olx|l 
GO 类 | http://localhost: 1031/NPEM/Default. aspx 攻 | 加 国 民 司 | EC 四 日 


说 收藏 天 | “本 建议 网 站 -中 ] 网 页 快讯 库 ~ 


着 hitp://loeulhest:1031/NPM/D. .. | " 国 - 癌 出 ”页面 PfP)* 安全 G6)* 工具 0) - 翅 + 


小 明 的 音乐 库 
一 厂矿 三 厂矿 厂 列 同和 人 nro ] RR 负 有 [h-[Ri0W 


图 2-11 MPMM 运行 结果 


单 击 VS 工具 栏 中 “停止 调试 ”按钮 〈 蓝 色 小 方块 ) 可 退出 调试 状态 。 

5) 发 布 网 站 

VS 目送 的 IS 仅 用 于 开发 网 站 时 的 网 站 预览 和 调试 ， 无 法 用 于 正 习 网 站 发 布 。 也 就 是 
说 即使 在 VS 中 启动 了 该 网 站 ， 在 本 地 可 以 浏览 这 个 网 站 ， 但 无 法 通过 网 络 访问 这 个 内 部 
运行 的 网 站 。 on nb je IIS ppd 


命令 ， 网站 发 和 和 j 导 . 在 向 导 的 “ ee 页 中 选择 “ 自 定义 ” wee 
MPMM， 单 击 “ 确 定 ” 按 钮 进入 “连接 ”页 。 这 时 发 布 方法 选择 “文件 系统 ” ， 然 后 指定 
发 布 目标 位 置 〈 即 发 布 结果 所 在 的 文件 夹 或 网 络 位 置 ， 例 如 ci\inetpubWwwwwroot 文件 夹 )， 
单 击 “ 下 一 页 ”"。 最 后 出 现 如 图 2-12 所 示 的 预览 页 。 


: Fm . [Wm [2 || [| | 


图 2-12 ”发 布 网 站 对 话 框 的 “预览 ”页 
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单 击 图 2-12 中 的 “发 布 ” 按 钮 完成 网 站 发 布 。 如 果 发 布 成 功 ， 则 可 以 打开 目标 位 置 将 
其 中 的 所 有 文件 复制 到 IIS 的 发 布 文件 夹 (和 静态 网 站 一 样 ， 通 常 是 ci\inetpub\Wwwwroot 
文件 夹 ， 发 布 前 可 以 考虑 首先 删除 其 中 的 所 有 文件 )。 

打开 浏览 堪 ， 访 问 localhost， 如 果 看 到 如 图 2-11 的 结果 “浏览 右 地 址 栏 的 URL 不 一 
样 )， 那 就 发 布 成 功 了 ,可 以 尝试 从 其 他 联网 的 计算 机 通过 服务 器 IP 地 址 来 访问 这 个 网 站 。 
如 果 没 有 成 功 ， 则 可 能 是 HS 默认 文档 设置 有 问题 。 尝 试用 localhost/Default.aspx 来 访问 一 下 。 

如 果 出 现 Service Unavailable 之 类 的 系统 错误 ， 通 党 是 因为 IIS 站 点 的 默认 ASPNET 
版 本 不 正确 。 由 于 在 创建 网 站 时 选择 了 .NET Framework 4.5 版 本 ， 所 以 应 该 在 IS 管理 需 
中 将 MPMM 网 站 〈 如 果 按 照 前 述 步骤 操作 ， 束 是 IS 中 的 默认 网 站 ) 的 应 用 程序 池 从 
DefaultAppPool 修改 为 ASPNET v4.0。 具 体 的 操作 方法 将 在 第 5 章 中 介绍 。 


2.3 实现 首页 


1.。 首页 布局 

在 第 1 章 的 概要 设计 中 ， 已 初步 设计 了 网 站 界面 ， 图 1-4 给 出 了 MPMM 的 首页 草图 。 
分 析 整 个 页 面 可 以 看 到 页 面 分 为 4 个 大 区 , 直觉 上 会 考虑 用 2X2 的 表格 来 实现 布局 。 但 另 
一 方面 可 以 看 到 第 1 行 第 1 列 和 第 2 行 第 1 列 的 宽度 并 不 一 样 ， 因 此 ， 应 该 考虑 用 2 行 3 
列 的 表格 来 实现 这 个 布局 。 最 终 的 首页 分 割 示 意图 如 图 2-13 所 示 。 


CX Ge > 


0 H 0 


This 18 Where We Are, 普 莉 西夏 ，2019 年 1 月 22 日 , CD 
This 此 Where We Are, 普 莉 西 雅 ，20 人 9 年 1 月 22 日 , CD 
This ll Where We Are, 普 莉 西 芷 ，2019 年 1 月 22 日 , CD 
This I Where We Are 普 痢 西 雅 ，20 人 3 年 1 月 22 日 , CD 


This I Where We Are, 昔 莉 西 芷 ，2013 年 1 月 22 日 , CD 


图 2-13 使 用 2 行 3 列 的 表格 实现 首页 布局 


图 2-13 所 示 自 页 的 HTML 代 人 码 如 下 : 


<table> 
< 七 工 > 
<td colspan="2"> 
<table> 
< 七 工 > 
<td><img src="Images/musiccd.Jpg" /></td> 
<td><h1> 小 明 的 音乐 库 </h1l></td> 
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</tr> 
</table> 
</td> 
<td> 
<a href="Default.aspx"> 自 贝 </a> | 
<a href="CategoryMgr.aspx"> 分 类 维护 </a> | 
<a href="MusicMgr.aspx"> 痪 料 维 护 </a> | 
<a href="SearchMusic-.aspxn> 查 找 资料 </ay> 
</td> 
</tr> 
<tr> 
<td> 
<ul> 
<1i><a href="Categoryl.aspx"> 灵 瑰 乐 </a></1i> 
<1i><a href="Category2 .aspx"> 摇 深 乐 </a></1i> 
<1i><a href="Category3.aspx">》> 民 族 美 声 </a></1i> 
</ul> 
</td> 
<td colspan="2"> 
快速 个 找 : [search] 
<ul> 
<1i>This is Where We Are， 普 和 莉 西 蕉 ，2013 年 11 月 22 日 ，cD</1i> 
<1i>This is Where We Are， 普 和 莉 西 共 ，2013 年 11 月 22 日 ，CD</11> 
</ul> 
</td> 
</tr> 
</table> 


1) 表格 布局 

该 表格 的 第 1 行 第 1 列 使 用 colspan 一 "2" 占 据 了 第 2 列 , 同时 第 2 行 第 2 列 也 使 用 相同 
的 属性 占据 了 第 3 列 。 这 并 不 是 一 个 好 的 布局 方法 ， 因 为 如 朱 没 有 相应 的 列 宽 定义 ， 其 实 
是 收 不 到 布局 效 末 的 ;而且 这 样 的 布局 不 容易 理解 ， 也 不 容易 调整 。 

表格 第 1 行 第 1 列 中 还 髓 套 了 为 一 个 表格 ， 这 是 为 了 实现 图 标 和 标题 行 对 章 的 布局 。 
可 以 根据 需要 任意 髓 玛 表 格 ， 但 这 会 叶 任 表格 的 结构 越 来 越 复 杂 ， 所 以 并 不 推荐 。 

下 一 篇 将 介绍 另 一 种 更 常用 的 布局 技术 ， 但 在 本 篇 中 表格 布局 仍然 是 主要 布局 手段 。 

2) 图 卢 路 径 

指定 <img> 标 记 的 路 径 为 相对 路 径 Images\musiccd.jpg， 通 常会 在 网 站 的 根 文件 夹 下 建 
一 个 名 为 Images 的 文件 夹 , 并 将 所 有 图 片 者 存放 在 这 个 文件 夹 中 方便 管理 。 如 果 图 片 众多 ， 
还 可 以 考虑 进一步 在 Images 文件 夹 下 面 建立 更 多 子 文件 夹 。 

2. 表单 和 输入 

接 下 来 实现 首页 中 的 快速 得 找 功能 ， 该 功能 的 活动 图 如 疼 2-14 所 示 。 

根据 图 2-4 的 界面 设计 ， 结 合 活动 图 ， 可 以 给 出 快速 查找 这 个 用 例 的 详细 描述 : 小 明 
应 该 在 快速 但 找 后 面 的 输入 框 中 输入 关键 和子， 然后 单 击 “ 碍 找 ” 按 钮 发 出 但 找 请 求 ， 系 统 
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接 到 请 求 后 ， 根 据 关 键 字 获取 相应 音乐 资料 ， 并 将 音乐 资料 以 列表 的 形式 展示 出 来 。 


图 2-14 ”快速 得 找 的 活动 图 


这 个 描述 属于 概要 设计 的 内 容 ， 按 理 接 下 来 应 该 进行 详细 设计 ， 但 这 里 还 是 认为 系统 
足够 简单 ， 以 全 于 可 以 直接 根据 概要 设计 进行 系统 实现 。 因 此 ， 首 先 考 虑 如 何 实现 关键 字 
输入 。 

实际 上 ， 浏 览 器 能 够 将 URL 和 HIML 表单 信息 一 起 发 送 给 服务 器 。 所 谓 表单 ， 就 是 
一 个 包含 表单 元 际 的 区 域 ， 而 表单 元 素 就 是 一 些 允 许 用 户 输 入 信息 的 元 素 ， 例 如 文本 框 、 
下 拉 列 表 、 单 选 按钮 、 复 选 框 等 。 

表单 使 用 <form>…</form> 标 记 定 义 。 创 建 ASPNET 网 页 时 ,VS 默认 已 经 生成 了 一 个 
表单 ， 注 意 不 要 删除 这 个 表单 ， 因 为 ASPNET 需要 表单 的 文 持 。 

有 了 表单 , 使 用 文本 框 这 个 表单 元 素 就 可 以 实现 关键 字 的 输入 。 另 外 , 还 需要 一 个 “ 提 
区” 按钮 的 表单 元 隶 ， 表 示 输 入 完毕 ， 将 表单 中 的 信息 发 送 给 Web 服务 占 作 为 一 个 新 的 请 
求 。 请 将 原来 的 “快速 得 找 : [Serch]” 人 代码 和 丛 换 成 以 下 代码 : 

快速 查找 ， <input name="tbKey" type="text" /> 

<input name="btSsubmit" type="submit" value=" 搜 索 " /> 


注 总 将 表单 元 素 置 于 表单 <form>…</form> 标 记 内 部 ， 奋 则 表单 元 素 虽 能 显示 却 无 法 

1) 文本 框 和 密码 框 

表单 元 素 文本 框 使 用 <input type="text"/> 标 记 , 用 于 实现 字母 、 数字 等 文本 内 容 的 输入 。 
为 了 区 分 不 同 的 文本 框 ， 需 要 用 name 属性 指定 文本 框 的 名 称 。 在 快速 查找 代码 中 ， 使 用 
了 一 个 名 为 tbKey 的 文本 框 。 

密码 输入 框 是 一 种 特殊 的 文本 框 ， 用 户 输 入 的 内 容 痢 会 被 显示 为 “*”， 从 而 避免 被 周 
转 的 人 看 到 正在 输入 的 密码 。 对 此 只 需要 将 type 属性 的 值 设 置 为 password 即 可 。 

还 有 一 种 文本 框 叫 做 文本 区 域 ， 可 输入 多 行文 本 ， 写 入 的 字符 数 不 受 限制 。 对 应 的 标 
记 为 <textarea>…</textarea>>。 例 如 : 


<textarea rows="10" cols="30"> 
The cat was playing in the garden. 


</textareay> 


其 中 <textarea> 和 </textarea> 之 间 的 文本 为 预 置 内 容 , 而 rows 和 cols 属性 分 别 定义 了 文本 区 
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域 展示 的 大 小 。 

2) 单 选 按钮 和 复 选 杠 

单 选 按钮 允许 用 户 从 知 干 给 定 的 选择 中 选取 其 一 : 复 选 框 则 允许 用 户 从 乔 干 给 定 的 选 
择 中 选取 一 个 或 多 个 选项 ,它们 也 用 <input> 标 记 来 定义 ,但 单 选 按钮 的 type 属性 值 为 radio， 
复 选 框 为 checkbox。 为 了 能 提供 多 个 选项 ， 需 要 用 多 个 <input> 标 记 。 如 应 用 单 选 按钮 的 
代码 : 

<input type="radio"™" name="genre" Value="male" /> Male<br /> 


<input type="radio" name="genre" Value="female" />Female 
以 及 应 用 复 选 框 的 代码 : 


<input type="checkbox"™" name="blke" />I have a bike<br /> 


<input type="checkbox"™ name="car™ />I have a car 


在 单 选 按钮 代码 中 ， 可 以 看 到 两 个 选项 标记 的 name 属性 值 采用 相同 的 名 称 genre， 这 
样 浏览 器 才能 知道 它们 是 同一 组 的 选项 ， 用 户 在 同 组 的 单 选 按钮 中 上 只 能 选择 一 项 。 那 么 如 
何 确定 用 户 选 择 了 哪个 选项 呢 ? 为 此 ， 需 要 为 每 个 选项 标记 添加 value 属性 ， 并 为 不 同 的 
选项 设置 不 同 的 value 属性 值 ， 如 male 和 female。 

复 选 框 由 于 允许 同时 选中 多 个 选项 ， 每 个 选项 实际 上 是 独立 的 ， 所 以 通过 设置 不 同 的 
name 来 区 分 即 可 。 

另外 , 单 选 按钮 和 复 选 框 中 的 name 和 value 属性 都 是 用 来 标识 选项 的 ， 其 值 都 不 会 呈 
现在 浏览 融 中 ， 因 此 需要 通过 紧 跟 看 <input> 标 记 的 文本 来 告诉 用 户 这 个 选项 的 含义 。 例 如 
上 述 代 人 码 中 的 Male，Female，I have a bike 和 I have a car。 为 了 将 两 个 选项 分 别 显 示 在 两 
行 ， 这 里 还 利用 了 <br> 标 记 。 

3) 下 拉 列 表 

下 拉 列表 表现 为 一 个 带 有 下 拉 按 钮 的 文本 框 ， 单 击 按钮 会 弹出 一 组 选项 ， 单 击 选项 表 
示 选 择 该 项 ， 同 时 在 文本 框 内 显示 该 项 。 下 拉 列 表 的 标记 为 <select>…</select>， 其 中 的 选 
项 通过 <option>…</option> 标 记 来 定义 ， 例 如 : 

<select name="cars"> 

<option value="volvo">Volvo</option> 

<option value="saab">Saab</option> 

<option Value="flatn selected="selected">Fiat</option> 
<option value="audi">Audi</option> 


</ Select> 


上 述 代 码 表示 名 为 cars 的 下 拉 框 。 选 项 的 value 属性 用 于 标识 选项 ， 道 理 和 单 选 按钮 
的 value 属性 相同 。 其 中 fiat 选项 有 一 个 selected 属性 ， 只 要 选项 市 有 这 个 属性 ， 融 表示 默 
认 选 中 这 个 选项 。 实 际 上 ， 单 选 按钮 和 复 选 框 的 选项 也 有 表示 默认 选中 的 checked 属性 。 

4) 控 钮 

表单 中 有 3 种 按钮 : 普通 按钮 、 复 位 按钮 和 提交 按钮 ， 它 们 都 用 <inpuf 志 标记 来 定义 ， 
相应 的 type 属性 值 分 别 为 button、reset 和 submit， 按 钮 标题 则 通过 value 属性 指定 。 如 : 
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<input type="button™ value=" 你 好 "> 
<input type="reset" value=" 复 位 "> 
<input type="submit" value=" 傅 定 "> 


上 述 代 码 会 显示 3 个 按钮 。 单 击 普通 按钮 会 在 浏览 器 中 触发 按钮 单 击 事件 ， 但 并 不 会 
问 Web 服务 器 发 出 请 求 ; 单 击 复位 按钮 会 将 表单 内 的 所 有 表单 元 素 恢复 成 初始 状态 ， 也 就 
是 清除 用 户 输入 ; 而 单 击 提交 按钮 则 会 向 Web 服务 器 发 出 请 求 ， 同 时 携带 表单 中 输入 的 
内 容 。 

3. 处 理 输入 

在 快速 查找 的 代码 中 ， 有 一 个 “搜索 ”按钮 ， 这 实际 上 是 一 个 提交 按钮 。 在 文本 框 中 
输入 关键 字 ， 单 击 这 个 按钮 ， 浏 览 器 就 会 向 Web 服务 器 发 出 新 的 请 求 ， 同 时 携带 着 文本 框 
中 的 关键 字 ， 而 Web 服务 器 又 会 将 这 个 请 求 和 表单 的 内 容 传送 给 ASPNET 程序 。 

对 于 开发 人 员 来 说 ， 有 两 个 问题 是 关键 的 : 在 哪里 编写 ASPNET 的 程序 代码 ， 从 而 在 
收 到 请 求 时 能 够 得 到 执行 ? 如 何在 程序 代码 中 获取 表单 中 的 用 户 输入 ? 接 下 来 ， 先 解决 前 
一 个 问题 。 

实际 上 ， 在 定义 表单 的 <form> 标 记 中 可 以 通过 action 属性 来 指定 单 击 按钮 后 请 求 的 
URL。 例 如 : 


<form action="form action.aspx" method="get"> 
<p>First name: <input type="text" name="fname™ /></p> 
<p>Last name: <input type="text" name="lname™" /></p> 
<input type="submit"™ value="Submit™ /> 

</form> 


上 述 代码 中 ，action 属性 值 为 form action.aspx， 这 就 意味 看 ， 当 用 户 单 击 “ 提 区” 按 
钮 村， 浏览 器 请 求 的 URL 为 form action.aspx (相对 URL， 表 示 请 求 资源 所 在 路 入 和 表单 
所 在 页 面 路 人 径 相 同 )。 如 果 省 略 这 个 属性 ， 那 就 认为 请 求 的 URL 就 是 表 蛙 所 在 页 面 本 号 。 

对 于 ASPNET 程序 来 说 ， 每 个 ASPX 页 和 面 痢 有 对 应 的 程序 (页 和 面 类 )， 所 以 浏 宽 费 请 
求 的 URL 和 表单 内 容 其 实 部 会 提交 给 ASPX 页 面 的 后 合 对 应 类 。 以 Default.aspx 这 个 页 面 
的 类 为 例 ，VS 目 动 生成 的 类 定义 代码 如 下 : 

public partial class  _ Default : System.Web.UI.Page 


{ 
protected vold Page Load (object sender, EventArgs e) 
{ 
} 

} 


页 面 类 继承 ASPNET 内 置 的 Page 类 , 绝 大 部 分 请 求 部 由 Page 类 负 贡 人 处理， 其 中 最 草 
要 的 工作 有 3 项 : 

(1) 将 所 有 和 请 求 有 关 的 内 容 封 装 到 一 个 对 象 中 ， 便 于 开发 人 员 使 用 。 

(2) 按 规定 的 顺序 调用 类 中 的 各 个 方法 。 这 个 顺序 就 是 所 谓 的 页 面 生 命 周 期 ， 方 法 被 
调用 的 动作 通常 称 为 触发 事件 ; 同时 Page 类 中 已 经 定义 了 生命 周期 的 各 方法 ,一 般 无 须 目 
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己 编写 处 理 代 但 。 

(3) 根据 数据 融合 页 面 代码 生成 最 终 的 HIML 页 面 ， 作 为 结果 返回 给 Web 服务 器 。 

上 述 代码 中 有 一 个 Page Load0 方 法 ， 这 个 方法 在 处 理 完 所 有 请 求 数据 后 被 ASPNET 

一 般 而 言 ， 开 发 人 员 的 处 理 代码 主要 写 在 两 个 地 方 : 一 个 是 在 Page_Load( 方 法 中 , 另 
一 个 则 是 由 页 面 控件 触发 的 各 种 服务 器 端 事件 处 理 方法 中 。 对 于 后 者 ， 特 别 要 注意 ， 所 谓 
的 服务 端 事件 ， 实 际 上 是 Page 类 根据 输入 数据 分 析 后 来 触发 的 ， 安 排 在 Page_Load0 方 法 
执行 之 后 ， 发 生 在 服务 右上 。 客 户 站 将 请 求 发 出 之 后 ， 在 收 到 最 终 的 结束 之 前 ， 无 法 知 赴 
服务 右 在 做 些 什么 ， 因 此 不 要 认为 服务 痕 事 件 是 浏览 郁 在 事件 发 生 时 触 友 的 。 

4. Request 输入 

接 下 来 考虑 在 代码 中 如 何 获 取 请 求 的 数据 。 前 面 已 提 到 ，ASPNET 将 所 有 请 求 信息 封 
装 到 一 个 对 象 中 ， 这 个 对 象 是 Request 对 象 。 通 过 Request 对 象 ， 开 发 人 员 可 以 获取 大 量 和 
请 求 相 关 的 信息 ， 例 如 客户 端 浏览 器 的 名 称 、 版 本 、Cookie、URL 等 。 其 中 ， 最 常用 的 就 
挟 用 户 在 表单 中 的 输入 。 

Request 对 象 作 为 ASPNET 页 面 的 一 个 属性 ， 在 页 面 类 方法 中 可 以 直接 访问 。 表 单数 
据 作为 最 常用 的 数据 ， 可 以 通过 Request 对 象 的 索引 属性 的 来 快速 获取 。 例 如 ， 获 取 小 明 
输入 天 键 字 的 代码 为 

protected vold Page Load (object sender, EventArgs e) 

{ 

string key = Request["tbKey"]; 
} 


对 照 快速 查找 页 面 代码 中 的 文本 框 元 素 代码 ， 可 以 看 到 Request["tbKey"] 中 的 "tbKey" 
就 是 对 应 <input> 标 记 的 name 属性 值 。 从 这 里 也 可 以 看 到 ， 表 单元 素 的 name 属性 是 十 分 
重要 的 ， 因 为 它 定 义 了 该 元 素 的 标识 和 从。 

请 谈 者 试验 一 仆 ,看 看 不 同 表 单元 素 在 Request 中 会 有 什么 样 的 呈现 ,特别 是 复 选 框 。 

通过 Request["name"] 这 种 方式 不 但 可 以 获取 表单 数据 ， 还 能 获得 URL 得 询 变量 ， 这 
是 为 一 种 传送 变量 给 Web 服务 器 的 方法 。 所 谓 碍 询 变量 是 附加 在 URL 后 的 数据 ， 例 如 
http://localhost/Default.aspx?cat=soul 这 个 URL， 在 请 求 资 源 Default.aspx 后 而 附加 了 一 个 
“2?”， 紧 跟 看 是 一 个 cat=soul。 这 束 定 义 了 一 个 合 询 变量 ， 它 的 名 学 是 cat， 值 是 soul。 注 意 
这 个 URL 中 的 “?” 是 必 不 可 少 的 ， 它 是 人 查询 变 量 的 起 始 标 记 。 

但 询 变量 允许 多 个 ， 变 量 间 通 过 “多 ”符号 分 隔 。 例 如 ， 同 时 传递 cat 和 key 变量 ， 那 
么 URL 惑 如 http://localhost/Default.aspx?cat=soul&key=forest 所 示 。 

通过 URL 传递 变量 有 很 多 缺点 ， 例 如 ， 信 息 量 不 能 太 大 ， 特 殊 字符 〈 如 中 文 ) 需要 
特殊 编码 ， 直 接 在 浏览 器 的 地 址 栏 输入 和 显示 变量 导致 安全 漏洞。 它 最 大 的 好 处 就 是 简单 
方便 ， 所 以 还 是 有 使 用 场合 的 。 

例如 MPMM 首页 左 侧 音 乐 分 关 , 超 链 接 目 标 为 “Category1.aspx、Category2.aspx. 
其 实 不 同音 乐 分 类 的 音乐 资料 展示 方式 相同 ， 只 是 具体 音乐 资料 不 同 ， 应 该 动态 生成 。 假 
设 Category.aspx 负责 生成 音乐 分 类 展示 ， 那 么 Category.aspx 必须 知道 要 生成 哪个 分 类 。 为 
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此 ， 可 将 超 链接 日 标 修改 为 “Category.aspx?cat=] 、Category.aspx?cat=2......”，， 然 后 在 


Category.aspx 对 应 的 后 台 处 理 代 但 中 用 Request["cat"] 来 获取 这 个 音乐 分 类 的 标识 ， 展 示 相 
应 音乐 分 类 的 音乐 资料 。 

在 HITP 协议 中 ， 对 这 种 通过 URL 传递 变量 的 方式 有 一 个 专门 的 术语 ， 叫 做 GET 方 
式 。 而 表单 数据 默认 通过 附加 在 请 求 数据 包 内 部 的 方式 进行 传递 ， 不 会 直接 显示 在 URL 
中 ， 这 种 方式 叫做 POST 方式 。 

POST 方式 和 GET 方式 有 一 个 很 大 的 不 同 : GET 方式 可 以 直接 在 浏览 器 的 地 址 栏 中 输 
入 ， 在 请 求 资源 的 同时 就 传递 了 变量 和 值 ，POST 方式 只 能 在 表单 中 输入 ， 所 以 用 户 必 须 
首先 获得 一 个 带 有 表单 的 页 面 ， 然 后 才能 在 下 次 回 服务 器 请 求 时 携带 表单 中 的 数据 。 对 于 
ASPX 页 和 面 来 说 ， 通 第 表单 提交 页 和 面 和 表单 所 在 页面 是 同一 个 ， 显 然 用 户 第 一 次 请 求 这 个 
页 面 时 ， 并 没有 携 帘 表单 数据 ， 那 么 此 时 类 似 Request["name"] 的 表达 式 值 就 是 null。 

开发 人 员 经 党 需要 区 分 用 户 的 请 求 究竟 是 首次 请 求 ， 还 是 在 提交 表单 时 的 请 求 。 通 党 
把 前 者 的 情况 称 为 首次 加 载 页 面 ， 后 者 称 为 回 发 〈Post Back) 加 载 页 面 。 

ASPNET 提供 了 页 面 类 的 IsPostBack 属性 ， 用 于 区 分 这 两 种 情况 ， 通 利用 法 如 下 : 


protected vold Page Load (object sender, EventArgs e) 


{ 
1f (IsPostBack) 
{ 
// 这 是 回 发 请 求 ， 根 据 用 户 的 请 求 进行 处 理 
} 
else 
{ 
// 这 是 首次 请 求 本 页 面 ， 做 一 些 页 面 初始 化 的 工作 
} 
} 


5.。 Response 输出 

所 有 的 程序 都 分 为 输入 一 处 理 一 输出 这 样 3 个 部 分 ， 前 和 面 解 决 了 输入 问题 ， 下 向 解决 
输出 问题 。 根 据 动态 网 站 原理 ，ASPNET 的 输出 其 实 就 是 生成 一 些 内 容 ， 将 其 交 给 Web 
服务 器 ， 骨 由 Web 服务 占 通 过 网 络 发 送 给 客户 别 ， 然 后 由 客户 端的 程序 (如 浏览 占 ) 负 和 贡 
展示 这 个 内 容 。 通 常 ASPNET 程序 生成 的 内 容 是 一 个 HTML 页 面 。 

为 此 ，ASPNET 提供 了 一 个 Response 对 象 ， 也 是 Page 类 的 一 个 属性 ， 在 页 和 面 类 方法 
中 可 以 直接 使 用 。 可 以 简单 地 把 Response 对 和 象 看 成 是 一 张 日 纸 ， 通 过 Response.Write() 方 
法 可 以 在 这 瑟 日 纸 上 与 上 HTML 代码。 不 过 ，Response 对 象 没有 提供 “ 橡 度 ”功能 ， 更 没 
有 提供 定位 功能 ， 这 意味 看 只 能 按照 顺序 写 入 内 容 。 

Response 对 象 还 有 其 他 的 方法 和 属性 ， 请 读者 自己 查找 资料 完成 学 习 ， 特 别 是 其 中 的 
Response.RedirectO) 方 法 ， 非 常 有 用 。 

现在 考虑 如 何 获 取 关 键 季 所 对 应 的 音乐 资料 ， 这 样 就 能 根据 首 乐 资料 生成 HTML 代 
但 。 回 顾 MPMM 概要 设计 阶段 中 ， 已 经 完成 了 数据 结构 的 设计 (参见 图 1-9)， 确 定 了 音 
乐 资料 的 内 容 。 目前 考虑 将 音乐 资料 通过 代码 直接 提供 , 每 条 音乐 资料 用 一 个 字符 串 表 示 ， 
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属性 授 照 类 图 中 的 Music 类 设置 , 属性 之 间 用 “, ”分隔 , 依次 为 编 公 (Code)、 名 称 (Name)、 
作者 (Authors )、 表 演 者 (Performers )、 介 绍 (Description )、 出 版 日 期 (PublishDate〉 和 
备注 (Memo)。 

有 J 了 数据 就 可 以 生成 HTML 代码 了 ， 具 体 的 程序 如 下 : 


protected vold Page Load (object sender, EventArgs e) 


{ 


1f (IsPostBack) 


{ 


} 
} 


/ /获取 音乐 资料 

List<string> musicList = new List<string>(); // 记 录音 乐 资料 的 列表 
musicList.Adgd ("1, 克罗地亚 狂想 曲 ,MakSim, MakSim, 所 届 专 辑 : 《The Piano 
Player》 ,2005-03-01,CD"); 

musicList.Add ("2,Song From A Secret Garden, Secret Garden, Secret Garden, 
所 属 专辑 : 《The Best Of Secret Garden 20Th Century Masters - The Millemmium 
Collectionh ,2011-06-01 CDm) ; 

musicList.Add("3,Shine Your Way,Owl City/YUNA,Owl City/YUNA, 电影 《 疾 狂 
原始 人 》 择 曲 ,2013-03-18,MP3") ; 

musicList.Add ("4, 献 给 爱丽 丝 , 贝多 人 芬 , 无名氏, 伴奏 /纯音 乐 ,2011-01-01,CD") ; 
musicList.Add("5, 小 苹果 ,筷子 兄弟 ,筷子 兄弟 , 电影 《 老 男孩 独 龙 过 江 》 宣 传 曲 , 2014- 
0 一 上 4 MP3"); 

// 生 成 音乐 资料 的 HTML 代码 


StringqBuilder sb = new StringqBuilder():; / /字符 串 拼装 工具 
sb.Append ("<ul>"); / /HTML 列表 开始 标签 
string key = Request["tbKey"]; / /获取 用 户 输入 的 关键 字 
for (int i = 0; i < msicbist.Count; 1i++) / /检查 每 条 音乐 资料 
{ 

string music = msicList[i]:; // 第 i 条 音乐 资料 

if (music.IndexOf (kKkey) > -1) // 如 果 包 含有 关键 字 

{ 

string[] detail = music.SsSplit(","'); /7 分解 音乐 资料 ， 获 取 各 属性 


// 拼 装 第 i 条 音乐 资料 的 HTML 列表 项 
sb.AppendFormat ("<11><a href=\"Detail.aspx?1d={0}\">{1}</a>, {2}, 
{3}, {4}</1i>", detail[0], detail[1], detail[2], detail[5], detail[6]); 


} 
sb.Append (“</ul>"); / /HTML 列表 结束 标签 
// 写 入 结果 


Response.Write (sb.Tostring ()); 


注意 字符 串 中 间 不 能 换行 。 
运行 调试 这 个 程序 ， 在 快速 查找 后 的 文本 框 中 输入 关键 字 “ 小 ”， 单 击 “ 搜 索 ” 按 钮 
(触发 回 发 请 求 ，IsPostBack 属性 值 为 tue)， 就 会 呈现 如 图 2-15 所 示 的 结果 。 
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。 小 苹果 , 祝 子 兄弟 , 2014-07-14. MP3 
\ 1 -了 
OO 小 明 的 彰 乐 库 站 页 | 分 类 维护 | 资料 维护 | 查找 资料 
快速 查找 : | 

。 到 球 朱 。 This is Where We Are. 普 莉 西 雅 ，2013 年 11 月 22 日 ，CD 

。 揪 滚 乐 。 This is Where We Are, 普 莉 西 雅 ，2013 年 11 月 22 日 ，CD 

。 民族 美声 。 This is Where We Are, 普 莉 西 雅 ，2013 年 11 月 22 日 ，CD 


图 2-15 搜索 结果 页 面 


从 图 2-15 中 看 到 , 通过 Response.WriteO0 写 入 的 “小 笠 果 , 筷子 兄弟 , 2014-07-14,MP3” 
后 面 呈 现 了 完整 的 ASPX 页 面 。 实 际 上 ， 前 述 Page 类 3 项 重要 工作 中 第 3 项 默认 将 整个 
ASPX 页 面 写 入 Response 对 象 中 ， 而 Page Load() 则 是 第 2 项 工作 ， 所 以 原来 ASPX 页 面 
内 容 放 在 了 和 直接 与 入 的 内 容 之 后 。 

如 果 不 希 望 Page 类 在 结果 中 自动 添加 ASPX 页 面 的 内 容 ， 则 只 要 调用 Response.End0 
方法 ， 强 制 结束 结果 的 生成 即 可 。 例 如 : 


// 写 入 结果 
Response.Write (sb.Tostring () ) ; 
Response.End(); // 结 束 结果 的 生成 


但 不 管 采用 哪 种 方式 都 不 符合 MPMM 的 设计 要 求 ， 因 为 实际 上 需要 将 得 找 结束 显示 
在 快速 但 找 区 域 的 下 方 ， 也 束 是 图 2-15 中 显示 “This is Where We Are… ”的 区 域 。 
6。， 控件 输出 
在 ASPNET 中 更 常用 的 做 法 是 将 各 种 控件 布置 到 页 面 中 ,然后 设置 控件 的 内 容 来 精确 
控制 生成 的 页 面 。 例 如 ， 在 上 一 节 中 完成 的 ASPNET 网 站 ， 使 用 Label 控件 输出 了 “小 明 
的 音乐 库 ”。Label 控件 布置 在 页 面 的 何 处 ， 对 应 的 输出 束 会 出 现在 何 处 。 
Label 控件 通常 用 来 输出 简单 的 文本 ，ASPNET 还 有 一 个 Literal 控件 ， 专 门 用 于 原样 
输出 HIML 代码 。 下 面 将 快速 得 找 的 HTML 代码 奉 换 成 
<td colspan="2™ width="80%"> 
快速 查找 : <input name="tbKey" type="text"™" /> 
<input name="btsubmit"™ type="submit" value=" 搜 索 " /> 
<asp:Literal ID="]litSearchResult"™" runat="server"></asp:Literal> 
</td> 


同时 将 后 台 代 人 码 中 的 Response.WriteO 符 换 成 对 Literal 控件 设置 属性 的 代码 : 

11tSearchResult.Text = Sb.ToStrlng() :; // 与 人 绪 果 

注意 ， 如 果 保 留 了 Response.End0 这 段 代 码 ， 将 得 到 一 个 空白 的 页 面 。 想 一 想 ， 为 
什么 ? 

ASPNET 的 控件 有 很 多 ， 它 们 能 生成 的 HTML 代码 各 不 相同 ， 后 台 操 纵 控件 的 属性 、 
方法 也 各 不 相同 。 完整 、 详 细 的 控件 学 习 请 读者 日 己 僵 找 资 料 。 建议 先 熟 悉 一 些 弟 用 控件 ， 
其 他 控件 有 一 些 印 象 即 可 。 具 体 控件 用 法 可 以 等 到 需要 时 再 全 资料 研究 掌握 。 
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一 、 选 择 题 
1. 关于 软件 UI 设计 中 的 美工 设计 和 交互 设计 ， 正 确 的 说 法 是 (  )。 
A) 软件 界面 必须 吸引 人 ， 所 以 美工 设计 比 交 互 设 计 更 重要 
B) 软件 重要 的 是 实现 功能 ， 所 以 美工 设计 和 交互 设计 部 不 重要 
C) 为 了 能 让 用 户 用 好 软件 ， 界 面 的 美工 设计 和 交互 设计 缺 一 不 可 
D) 界面 设计 不 是 软件 开发 人 员 的 工作 ， 应 该 由 专业 美工 设计 师 负 责 
2. 用 HIML 语言 编号 网 页 ， 有 其 最 基本 的 结构 是 4  )。 
A) <html>=head>=</head>=<frame>=/frame></html> 
B) <html><title></title><body></body></html> 
C) <html><title></title><frame></frame></html> 
D) <html><head><title></title></head><body></body></html> 
3. 有 关 网 页 中 的 图 片 ， 说 法 不 正确 的 是 (  )。 
A) 网 页 中 的 图 片 并 不 与 网 页 保存 在 同一 个 文件 中 ， 每 个 图 所 单独 保存 
B) HTML 语言 可 以 的 述 图 片 的 位 置 、 大 小 等 属性 
C) HIML 语言 可 以 直接 描述 图 片上 的 像素 
D) 图 片 可 以 作为 超级 链接 的 起 始 对 象 
4. 耕 要 在 页 面 中 创建 一 个 图 片 超 链接 ， 要 显示 的 图 片 文件 为 360ds.jpg， 所 链接 的 地 
址 为 http://www.360ds.org， 以 下 用 法 中 正确 的 是 ( 有 
A) <a href="http://www.360ds.ore">360ds.jpg</a> 
B) <a href="http://www.360ds.ore"><1mg src="360ds.jpg"/></a> 
C) <img src="360ds.jpe"~><a href ="http://Wwww.360ds.ore"></a> 
D) <1mg src="360ds.jpe">=<a href ="http://Wwww.360ds.ore"></a></ime> 
5. 单 击 “复位 ”按钮 的 效果 就 是 将 表单 内 的 所 有 表 蛙 元 素 回 复 成 初始 内 容 ， 也 就 是 
清除 用 户 的 输入 ;而 单 击 “ 提 交 ” 按 钮 则 会 同 〈 ””) 发 出 请 求 ， 同 时 携 市 表单 中 输入 的 
内 容 。 
A) 网 页 B) 页 面  C) 数据 库 D) Web 服务 器 
6. 页 面 生 命 周 期 束 是 页 面 对 象 被 创 建 ， 并 按 规 定 的 顺序 调用 页 面 对 象 的 各 个 方法 ， 
直到 页 面 对 象 被 释放 的 过 程 。 其 中 Page Load0 方 法 处 于 ) 的 阶段 ， 所 以 是 开始 生成 
结果 的 好 时 机 。 
A) 页 面 对 象 即将 被 创建 之 前 
B) 页 面 对 象 刚刚 生成 时 ， 尚 未 完成 任何 预 处 理 
C) 页 面 对 象 和 页 面 上 的 控件 生成 ， 并 预 处 理 完 成 所 有 输入 数据 之 后 
D) 页 面 对 象 即将 被 释 放 之 前 
二 、 填 空 题 
1. <title> 标 记 定 义 了 网 页 的 
2. UI 设计 包括 两 个 方面 的 内 容 : 和 


一 web 程序 设计 一 “Asp.NET 项 目 实 训 


3. ASPNET 中 包含 HTML 代码 的 文件 称 为 ， 对 应 的 cs 代码 文件 称 为 


三 、 是 非 感 

( )1. 在 HITP 协 议 中 ， 表 单数 据 默认 通过 附加 在 请 求 数 据 包 内 部 的 方式 进行 传 
递 ， ae 中 ， 这 种 方式 叫做 GET 方式 。 

( ， ) 2. 用 户 在 浏 贤 费 中 和 HTML 页 面 进行 交互 的 过 程 ，Web 服务 郁 和 ASPNET 
程 ng 此 时 ，Web 服务 器 和 ASPNET 程序 所 能 做 的 就 是 等 得 客户 端的 
另 一 次 请 求 。 

( ， )3. 浏览 但 在 显示 HTML 页 面 时 会 忽略 HTML 文档 中 的 空格 ， 连 续 的 空格 会 
被 认为 是 一 个 分 隔 符 ， 所 以 设计 人 员 无 法 在 HIML 页 面 中 设置 多 个 连续 的 空格 。 

四 、 实 践 题 

1. 请 编写 HIML 代码 实现 如 图 2-16 所 示 的 页 面 。 

参考 HTML 标签 : <table>,<tr>,<th>,<td>,<input>,<select>,<option>,<form>。 

参考 属性 : board,colspan,type,name,value,selected。 

参考 属性 值 : radio,checkbox .text。 


性 别 [e 男 @ 女 


爱好 | 国学 习 国 玩 游戏 
选修 课 | 面向 对 象 程序 设计 "| | 


图 2-16 “学 生 调 查 表 ”页 面 


2. 五 、 创 建 《 个 人 通讯 录 》ASPNET 网 站 ,模仿 MPMM 实现 首页 布局 和 模拟 得 找 通 
讯 录 的 功能 。 然 后 发 布 到 JS， 并 正确 运行 通过 。 


数据 库 设计 


学 习 目 标 

e。 了 解 ER 图 ， 和 掌握 类 图 的 绘制 ; 

。 了 解数 据 库 模 型 、 概 念 模型 、 数 据 模 型 三 者 之 间 的 关系 ， 了 解数 据 结构 、 数 据 操 作 
和 完整 性 的 概念 ; 

。 掌握 关系 、 元 组 、 属 性 、 码 、 域 、 分 量 、 关 系 模式 、 主 属性 、 非 主 属性 等 关系 模型 
的 概念 ; 

。 了 解 概 念 模型 和 关系 模型 概念 之 间 的 对 应 关系 ,掌握 将 概念 模型 转换 成 天 系 模 型 的 方法 ; 

。 深刻 理解 关系 模型 表示 联系 的 方法 ， 深 刻 理 解 “ 主 -从 ”记录 的 概念 ， 深 刻 理解 1 
对 1、1 对 多 、 多 对 多 的 概念 ; 

。 了 解 DB、DBMS、DBS 的 概念 区 别 和 联系 ， 了 解 DBA 的 概念 。 


3.1 数据库 基 本 概念 


一 个 应 用 系统 往往 要 处 理 大 量 数据 ， 而 数据 绝 大 多 数 情况 下 再 要 保存 到 数据 库 中 ， 为 
此 首先 需要 掌握 基本 的 数据 库 概念 。 

1. 信息 和 数据 

信息 和 数据 是 一 对 容易 混 消 的 概念 ， 要 摘 清 楚 两 者 之 间 的 联系 和 区 别 。 

信息 〈Information)， 指 音信 、 消 息 、 通 信 系 统 传输 和 处 理 的 对 象 ， 泛 指 人 类 社会 传播 
的 一 切 内 容 。1948 年 ， 数 学 家 香农 在 题 为 “通讯 的 数学 理论 ”的 论文 中 指出 :“ 信 息 是 用 
来 消除 随机 不 定性 的 东西 >” 这 是 一 个 针对 人 来 说 的 一 个 概念 。 

数据 (Data)， 是 插 述 客观 事物 的 答 写 , 是 计算 机 中 可 以 操作 的 对 象 ， 是 能 被 计算 机 识别 ， 
并 输入 给 计算 机 处 理 的 人 符 号。 数据 不 仅 指 数值 (整数 、 实 数 等 )， 还 包括 文字 、 声 首 、 图 像 ， 
甚至 视频 等 。 所 以 ， 数 据 是 指 计算 机 能 够 处 理 的 各 种 符号 ， 这 是 针对 计算 机 来 说 的 一 个 概念 。 

2. 数据 库 

数据 库 、 数 据 库 管 理 系 统 和 数据 库 系 统 是 三 个 密切 相关 但 又 不 同 的 概念 。 它 们 具有 不 
同 的 瑞 文 风 写 ， 应 该 熟悉 它们 的 含义 和 英文 秩 写 。 

数据 库 (Database，DB)， 人 简单 来 说 数据 库 就 是 数据 的 集合 ， 但 这 个 集合 具有 以 下 特 
点 : (DD 结构 性 ， 数 据 按照 一 定 的 结构 实现 联系 和 组 织 ; (多 独立 性 ， 数 据 的 网 辑 结构 和 应 
用 程序 相互 独立 ; 人 @@) 集中 性 ， 不 同 的 用 户 或 同一 用 户 的 数据 集中 在 一 起 统一 管理 。 

由 此 ， 可 以 给 出 数据 库 的 定义 如 下 : 依照 东 种 数据 模型 组 织 起 来 并 存放 在 外 存储 器 中 
的 数据 集合 ， 对 数据 的 操作 由 统一 的 软件 进行 管理 和 控制 。 
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数据 库 管 理 系统 (Database Management System，DBMS)， 就 是 负责 对 数据 库 进 行 集 
中 管理 和 控制 的 软件 系统 。 和 见 的 数据 库 管 理 系统 有 SQL Server, MySql, Oracle, Access,， 
DB2 等 。 

数据 库 系 统 (Database System，DBS)， 是 指引 入 数据 库 后 的 计算 机 系统 ， 是 一 个 综合 
体 。 一 般 认 为 数据 库 系 统 的 构成 包括 数据 库 、 数 据 库 管 理 系 统 、 数 据 库 管 理 员 、 数 据 库 应 
用 系统 以 及 计算 机 硬件 。 要 分 清楚 DBS 和 DBMS 的 区 别 ， 后 者 仅仅 是 前 者 的 组 成 部 分 . 

DBS 考虑 了 人 的 因素 ， 也 就 是 数据 库 管 理 员 (Database Administrator，DBA )。 总 的 来 
说 ，DBA 负责 全 面 管理 和 控制 数据 库 系统 。 


3.2 概念 模型 


需求 分 析 阶 段 已 经 给 出 了 数据 结构 的 设计 一 一 类 图 ， 数 据 库 的 设计 可 以 在 此 基础 上 进 
行 细 化 ， 从 而 得 到 实体 类 图 。 实 体 类 图 也 是 类 图 ， 但 其 中 的 类 都 是 实体 类 (也 就 是 需要 保 
存 到 数据 库 中 的 类 ), 而 且 会 增加 一 些 和 数据 库存 储 相 关 的 特性 。 接 下 来 用 VS 创建 MPMM 
的 实体 类 图 ， 然 后 学 习 相 关 的 概念 。 

1. 创建 实体 模型 

打开 前 一 章 创 建 的 MPMM 解决 方案 ， 在 解决 方案 资源 管理 堪 中 右键 单 击 MPMM， 选 
择 “ 添 加 一 新 建 项 ”命令 。 在 如 图 3-1 所 示 的 对 话 框 中 选择 LINQ to SQL 类 ， 输 入 模型 文 
件 的 名 称 MPMM.dbml， 单 击 “ 添 加 ”按钮 ，VS 打开 如 图 3-2 所 示 模 型 设计 界面 。 


4 已 安装 排序 依据 : 于 | 汪 搜索 已 安装 模板 (Ctrl+ 日 Pp- 
Visual Basic OJ JSON 文件 Visual C# ” 关 型: Visual C# 
Wisual C# 了 喘 射 到 美 系 对 象 的 UNQ to SQL 庙 ， 
;Hi 加 LESS 样式 表 Visual C# 
位 UNQto ss 二 Visual C# 
sp Ra 的 


L | 选择 母 艇 页 (0) 


图 3-1 添加 LINQ to SQL 类 对 话 框 


MPMM.dbmh* © x Wils - 解决 方案 光源 管理 名 


| mien Bae eegle* eagm 
通过 对 急 关 系 设计 散 可 以 在 
i 搜索 解决 方案 资源 管理 串 (Ctt+ 局- 


WIDE 站] 解决 方案 “MPMIM”(1 个 项 目 ) 
a NE i , 
器 或 工 县 箱 拖 动 到 此 设计 4 四 MPMM 
图 面 上 可 创建 数据 类 4 已 | App_Code 
团队 资源 管理 器 
此 组 中 没有 可 用 的 控件 。 杏 -hx 
其 页 抱 至 此 文本 可 梅 其 条 加 0 
到 工具 箱 。 Ctrl+1l 
CodHV 


Alti+Enter 
服务 器 资源 管理 器 [ 具 箱 | 


图 3-2 实体 模型 可 视 化 设计 界面 
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2. 设计 实体 类 
在 如 图 3-2 的 界面 中 ， 从 工具 箱 拖 放 两 个 Class 图 标 到 对 象 关 系 设 计 器 中 ， 修 改 实体 
类 的 名 称 、 属 性 等 设置 ， 得 到 MPMM 的 实体 类 图 ， 如 图 3-3 所 示 ， 对 比 图 1-9， 看 看 有 什 
么 不 同 ? 


Category \ ee i ee 


量 届 性 5 属性 Category Music 关联 = 
£1D ’ ID oa | 

Pp Code 三 Code 日 关联 

友 Name 所 Name 参与 的 属 | Category.Code -> MusicCategoryJD 

于 Description ” Authors =] 父 尾 性 

- pF performers 访问 权 Public 

££ photo 继承 停 CD) 
后 Description 名 多 ”Category 
FE publishDate 基数 一 对 多 
F Memo 唯一 False 
所 MedisType 日 子 尾 性 ”True 
p Gowhere 访问 权 Public 
F Category ID : 继承 修 CD 


图 3-3 MPMM 实体 类 图 和 关联 属性 


图 3-3 中 将 Music、DigitalMusic 和 MediaMusic 三 个 类 组 合成 了 一 个 Music 类 ， 没 有 
考 碟 使 用 继承 的 概念 。 需 要 注意 的 是 ， 实 体 类 虽然 合并 了 ， 但 两 类 音乐 资料 的 处 理 有 所 不 
同 ， 这 里 通过 MediaType 属性 来 实现 区 分 。 通 过 MediaType 属性 的 不 同 取 值 ， 例 如 CD、 
DVD、BD、 磁 市 、 文 件 …… 其 中 文件 表示 是 数字 化 首 乐 。 显 然 ，Music 类 中 的 MediaFile 
属性 只 对 于 MediaTIype 属性 值 为 文件 的 音乐 资料 有 效 , 而 GoWhere 属性 只 对 其 他 音乐 资料 
有 效 。 

Category 类 和 Music 类 之 间 的 连 线 表示 关联 关系 ， 选 择 该 连 线 可 以 看 到 如 图 3-3 中 的 
关联 属性 ， 其 中 基数 属性 为 “一 对 多 ”这 个 基数 又 叫做 多 重 性 。 图 3.3 中 Category 端 多 重 
性 为 1， 表示 1 个 Music 实体 关联 1 个 Category 实体 ， 说 明 一 件 首 乐 资料 可 以 属于 菏 一 个 
音乐 分 类 ; Music 病 多 重 性 为 “多 ”， 表 示 1 个 Category 实体 可 以 关联 0 个 或 多 个 Music 
实体 ， 说 明 一 个 音乐 分 类 可 以 包含 任意 数量 的 首 乐 资料 ;这 是 典型 的 一 对 多 关系 ， 这 种 情 
况 下 就 称 Category 类 是 主 类 ，Music 类 是 从 类 。 在 设计 界面 关联 两 个 类 时 ， 需 要 从 主 类 男 
到 从 类 ( 单 击 工具 箱 的 “关联 ”"， 然 后 用 鼠标 从 主 类 拖 到 从 类 )。 

一 对 多 是 最 常见 的 关联 多 重 性 ， 需 要 注 总 多 和 草 性 是 由 业务 需求 确定 的 。 例 如 ， 如 末 现 
实业 务 中 ， 小 明 希 望 一 件 音乐 资料 可 以 同时 属于 多 个 音乐 分 类 ， 那 么 Category 类 和 Music 
类 束 是 “多 对 多 ”的 天 系 了 。 所 以 说 业务 决定 设计 ， 而 不 是 设计 决定 业务 。 

另外 ， 图 3-3 中 关联 的 属性 有 一 个 名 称 为 Category 的 父 属性 ， 这 是 一 个 特殊 的 属性 ， 
它 用 于 记录 一 件 音乐 资料 所 属 的 音乐 分 类 , 是 Music 类 和 Category 类 之 间 关 联 关 系 的 体现 。 
实际 上 ，Category 类 也 拥有 到 Music 类 的 子 属性 Music， 而 且 这 是 一 个 集合 属性 《因为 一 
个 Category 实体 可 以 含有 多 个 Music 实体 )。 

最 后 ， 还 需要 明确 一 些 和 数据 库 有 关 的 特性 定义 。 例 如 Music 类 的 MediaType 属性 实 
际 上 应 该 是 一 个 枚 举 型 ， 因 此 定义 MediaType 属性 的 数据 类 型 为 Int， 如 图 3-4 所 示 。 
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诗 性 -x 
MediaType 成 员 属性 
综 噶 | 天 


日 代码 生成 
访问 权限 Public 
类 型 int (System Int32) 
名 种 MediaType 
5FiRHn 喜 False 


图 3-4 属性 MediaType 的 属性 


在 数据 库 中 存放 枚 举 型 数据 时 通 币 保存 代码 而 不 是 名 称 。 因 为 代码 更 便于 计算 机 进行 
检查 、 比 较 ， 名 称 相 对 来 说 比较 随意 ， 而 MPMM 系统 是 需要 对 类 别 进 行 操 作 的 《例如 ， 
数字 化 音乐 资料 需要 能 够 在 线 播放 )， 所 以 定义 MediaType 属性 的 数据 类 型 为 int， 并 在 
MPMM 设计 文档 中 说 明 :“0- 文 件 、1-CD、2-DVD、3-BD、4- 磁 人 带 ” 

也 有 和 直接 保存 类 别名 称 的 情况 ， 此 时 ，MediaType 属性 的 类 型 应 该 是 String。String 类 
型 的 属性 应 该 规定 一 个 长 度 ， 长 上 度 不 能 太 短 ， 以 免 存 放 不 下 内 容 ， 但 也 不 能 太 长， 以 免 浪 
费 存储 空间 ， 这 里 设置 长 度 为 20。 当 然 ， 还 必须 在 MPMM 设计 文档 中 明确 说 明 : 如 果 
MediaType 的 值 是 “文件 ”， 那 么 就 是 数字 化 音乐 ， 可 以 在 线 播放 。 

显然 ， 衬 从 串 的 值 会 比较 随 症 《如 其 他 人 会 认为 应 该 保存 “文档 ”而 不 是 “文件 ”)， 
所 以 不 推荐 用 于 这 种 更 适合 用 枚 举 类 型 的 场景 。 

3 概念 模型 

实体 类 图 主要 反映 了 业务 数据 的 特征 ， 在 数据 库 理论 中 称 为 概念 模型 。 理 解数 据 库 机 
念 模型 和 相关 的 概念 可 以 避免 设计 出 来 的 数据 库 缺 少 一 些 必要 的 内 容 ， 对 于 正确 设计 数据 
库 是 非 浓 重要 的 。 

概念 模型 又 称 概念 数据 模型 、 信 息 模 型 , 是 现实 世界 的 业务 在 人 们 头脑 中 形成 的 反映 ， 
是 人 脑 对 业务 的 理解 。 需 要 注意 的 是 ， 概 念 模型 不 仅仅 是 静态 业务 的 反映 ， 还 要 能 够 反映 
业务 可 能 的 变化 。 

实体 Entity 指 客观 存在 并 可 相互 区 别 的 事物 。 建 立 概念 模型 时 实体 往往 局 限于 业务 对 
象 。 一 般 来 说 ， 同 一 类 业 务 对 象 具 有 完全 相同 的 特征 ， 对 应 现实 世界 中 的 同一 类 事物 ， 给 
这 一 类 事物 取 一 个 名 字 ， 即 实体 名 。 例 如 ， 音 乐 库 管理 业务 中 的 音乐 资料 ， 就 是 一 类 实 实 
在 在 的 事物 ， 而 且 正 是 需要 管理 的 事物 。 实 体 也 可 以 对 应 抽象 的 事物 ， 例 如 音乐 分 类 ， 束 
是 一 类 概念 上 的 事物 ， 但 也 是 需要 管理 的 事物 。 如 图 3-5 所 示 为 《Gamelot》 的 音乐 资料 实体 。 

注意 ， 实 体 名 代表 的 是 同一 类 事物 ， 它 和 具体 的 单个 实体 是 不 同 的 。 例 如 ， 音 乐 资 料 
是 全 体 音 乐 资 料 的 名 称 ， 而 具体 的 单 件 音 乐 资 料 的 名 称 则 可 能 叫 《 郊 区 去 哪儿 》。 

属性 Attribute 指 实体 所 具有 的 某 种 特性 或 特征 。 一 个 具体 的 实体 ， 除 了 知道 它 是 属于 
哪 一 类 的 实体 外 ， 人 往往 还 会 希望 掌握 它 的 各 种 业务 特性 。 例 如 ， 在 MPMM 中 斋 望 能 够 掌 
握 一 件 音乐 资料 的 “作品 名 称 ”“ 作 者 ”表演 者 ”出 版 年 月 ”等 ， 其 至 可 能 还 会 关心 它 的 
“封面 图 片 ”“ 存 放 地 点 ”， 这 些 都 是 音乐 资料 实体 的 属性 。 

显然 , 同一 类 实体 的 属性 应 该 是 相同 的 , 通常 不 严格 区 分 某 个 实体 和 某 类 实体 的 属性 ， 
而 统称 为 实体 的 属性 ， 或 简称 属性 。 图 3-6 给 出 了 音乐 资料 《Endlessly》 的 属性 和 取 值 。 
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Endlessly 

歌手 ， 林 育 六 

六 行 时 加 : 2011-11-28 
在 行 公司 : SONY MUSIC 


图 3-5 《Gamelot》 的 音乐 资料 实体 图 3-6 某 件 音 乐 资料 的 届 性 和 届 性 值 


域 Domain 指 属性 的 取 值 范围 。 注 意 不 要 混淆 属性 的 域 和 数据 类 型 ， 数 据 类 型 是 计算 
机 程序 设计 的 概念 。 例 如 音乐 资料 的 MediaType 属性 ， 数 据 库 中 可 以 用 Int32 数据 类 型 来 
保存 ， 取 值 范围 是 -2 147 483 648 一 2 147 483 647， 但 这 个 属性 的 域 是 {0，1，2，3，4}。 

码 ( 键 〉Key 指 唯一 标识 实体 的 属性 集 。 码 、 键 、 关 键 字 ， 都 是 指 一 个 或 多 个 实体 的 
属性 ， 不 同 实体 的 这 些 属 性 值 至 少 有 一 处 是 不 同 的 ， 反之， 如 果实 体 的 这 些 属性 值 全 部 相 
同 ， 那 么 一 定 是 同一 个 实体 。 例 如 每 个 中 国 公民 都 有 一 个 身份 证 号 码 ， 在 不 考虑 出 错 的 情 
况 下 ， 通 过 喘 份 证 号 人 码 能 够 唯一 确定 是 哪个 中 国 公民 ， 所 以 和 喘 份 证 号 人 码 就 是 中 国 公民 的 关 
键 字 。 

关键 字 在 数据 库 中 是 非 贡 重要 的 概念 ， 下 面 是 几 个 需要 注意 的 地 方 。 

(1) 关键 学 可 以 是 一 个 属性 ， 也 可 以 是 多 个 属性 的 组 合 。 如 果 是 多 个 属性 ， 则 唯一 性 
是 指 多 个 属性 值 的 组 合 具 有 唯一 性 。 因 此 关键 字 不 是 “一 个 字 ”， 而 可 能 是 “多 个 字 ”。 例 
如 ， 音 乐 资 料 实体 ，{ 名 称 } 不 是 关键 字 ， 但 属性 组 合 { 名 称 ， 表 演 者 ， 出 版 时 间 } 就 是 关 
键 字 。 

(2) 属性 或 属性 组 合 是 否 是 关键 衬 ， 关 键 是 有 人 否 可 能 出 现 重 复 值 。 只 要 理论 上 可 能 出 
现 不 唯一 的 情况 ， 该 属性 或 属性 组 合 就 不 能 作为 关键 字 。 

(3) 实际 业务 中 ， 实 体 不 一 定 有 关键 字 。 也 就 是 说 不 管 怎么 组 合 都 可 能 出 现 属性 值 完 
全 相同 ， 但 实际 上 的 确 是 不 同 实体 的 情况 。 例 如 某 幼儿 园 ， 没 有 给 小 朋友 们 编 学 号 ， 那 么 
可 能 有 两 个 小 朋友 在 同一 个 班级 ， 而 且 姓 名 、 出 生年 月 、 性 别 都 完全 一 样 。 这 种 情况 下 ， 
设计 数据 库 时 往往 会 给 实体 增加 一 个 计算 机 目 动 生成 值 的 属性 (通常 叫 Ja)。 为 了 处 理 方 
便 ， 有 些 软件 开发 者 会 给 每 类 实体 都 增加 这 样 一 个 关键 字 。 

(4) 一 类 实体 的 关键 字 可 以 有 多 个 ， 其 中 最 常用 的 关键 学 叫做 主 关 键 字 。 所 谓 最 常 / 
由 设计 人 员 主 观 确 定 ， 并 没有 明确 定义 。 实 际 操作 中 常常 选择 最 简单 的 那个 关键 字 。 

实体 型 指 同类 实体 的 抽象 和 刻画 ， 用 实体 名 加 上 属性 集合 来 刻画 ，UML 中 叫做 实体 
类 。 例 如 图 3-3 中 的 Music 类 ， 给 出 了 实体 名 字 Music， 还 给 出 了 Music 实体 的 属性 清单 
(ID，Code，Name，…)， 这 就 定义 了 是 从 哪些 角度 来 描述 一 件 音乐 资料 的 ， 但 这 并 不 是 
对 具体 某 件 音 乐 资 料 的 描述 。 要 正确 区 分 “型 一 值 ” 的 关系 ， 也 就 是 UML 中 “类 一 对 象 ” 
的 关系 。 图 3-7 是 音乐 资料 型 的 示意 网 。 

实体 集 指 同 类 实体 的 集合 。 实 体 集 中 是 一 个 个 具体 的 实体 ， 体 现在 数据 库 中 就 是 对 一 
个 个 实体 的 换 述 ， 也 就 是 每 个 实体 属性 的 具体 值 。 实 体 集 中 的 实体 当然 是 会 变化 的 ， 但 它 
们 都 是 同一 类 的 实体 ， 都 是 一 个 实体 类 的 不 同 实 例 对 象 。 例 如 ， 某 一 个 时 刻 ， 小 明 音 乐 库 
中 有 300 件 音乐 资料 ， 这 就 构成 了 一 个 音乐 资料 实体 集 。 某 天 小 明 新 买 了 一 张 CD， 使 得 
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音乐 库 中 的 音乐 资料 增加 到 了 301 件 ， 这 就 是 另 一 个 音乐 资料 实体 集 。 图 3-8 是 音乐 资料 
集 的 示意 图 。 


XXXXXX 
于: XX 
点 行 时 间 : XXX 
翅 行 公司 : XXX 


图 3-7 音乐 资料 型 的 示意 图 图 3-8 音乐 资料 集 示 意图 


联系 这 里 是 指 实 体 集 之 则 的 联系 。 实 体 集 的 联系 就 是 前 面 类 图 中 提 到 的 关联 ， 只 是 类 

现实 世界 中 很 少 存在 没有 任何 联系 的 实体 ， 所 以 联系 是 非常 重要 的 概念 ， 但 也 是 和 常 当 
被 初学 者 忽略 的 概念 ， 下 和 面 强 调 一 下 相关 的 注意 事项 。 

(1) 可 以 给 联系 取 个 名 学 便于 称呼 ,例如 音乐 分 类 和 首 乐 资料 之 则 存在 “属于 ”联系 。 

(2) 所 谓 实体 集 之 间 的 联系 是 指 实体 集中 的 实体 之 间 可 能 会 有 的 联系 。 例 如 一 件 音 乐 
资料 必然 归 入 茶 个 音乐 分 类， 而 茶 个 音乐 分 类 可 能 会 包 舍 耕 干 件 音乐 资料 ， 束 可 以 说 音乐 
分 类 和 音乐 资料 之 间 存 在 看“ 属于” 联系。 这 绝 不 是 说 任何 音乐 分 类 都 和 所 有 音乐 资料 之 
间 存 在 这 个 联系 。 

(3) 联系 可 能 有 很 多 ， 设 计时 上 只 关注 那些 需要 管理 的 联系 。 例 如 ， 小 明和 音乐 资料 之 
间 存 在 看 “管理 ”联系 ， 但 MPMM 系统 面 问 小 明 单 个 用 户 ， 因 此 没有 必要 关心 这 个 联系 。 
如 宁 设 计 一 个 允许 多 人 使 用 的 系统 ， 那 音乐 资料 和 管理 者 之 间 的 管理 联系 束 会 变 成 必需 
的 了 。 

(4) 联系 一 般 发 生 在 两 个 不 同 的 实体 集 之 间 ， 但 也 可 以 发 生 在 多 个 实体 集 之 间 ， 其 全 
发 生 在 同一 个 实体 集中 (参照 前 述 “ 注 总 事项 (2))”， 吏 不 难 理解 这 个 道理 )。 例 如 ， 这 件 
音乐 资料 是 张 三 从 新 华 书店 买 来 的 “有 买 来 ”> 这 个 联系 束 涉 及 音乐 资料 、 人 和 商店 三 类 实体 。 
进一步 ， 如 果 首 乐 分 类 是 分 级 的 (如 港 台 歌曲 下 面 义 分 成 男 歌 手 、 女 歌手 、 组 合 )， 那 么 首 
乐 分 类 存在 一 个 到 本 号 的 “上 级 ”联系 ， 表 示 菜 个 分 类 是 属于 男 一 个 分 类 的 下 级 分 类 。 

($5) 联系 具有 多 重 性 ， 多 重 性 主要 有 1 对 1]、1 对 多 和 多 对 多 三 类 ， 分 别 倍 记 为 1:1、 
l:n 和 n:m. 

4. ER 图 和 类 图 

传统 数据 库 设 计 经 币 使 用 实体 关系 〈Entity-Relationship，ER) 图 来 换 述 实体 和 联系 ， 
3-9 是 MPMM 的 ER 图 。 

从 图 3-9 中 可 以 看 到 ，ER 图 用 和 写 形 表示 实体 型 ， 如 “音乐 资料 ”和 “音乐 分 关 ”。 用 
椭圆 表示 实体 属性 ， 用 无 回 边 将 其 与 实体 型 连接 起 来 如“ 名称” 作者” 等。 用 委 形 表示 
实体 型 乙 间 的 联系 ,用 无 癌 边 分 别 相应 的 实体 型 连接 起 来 ， 如 音乐 资料 “属于 ”音乐 分 类 ; 
同时 在 无 问 边 劳 标 上 联系 的 多 重 性 ， 如 一 件 音 乐 资 料 属 于 一 种 音乐 分 类 ， 而 一 种 音乐 分 头 
可 以 包含 多 件 音乐 资料 ， 所 以 这 是 1:n 型 。 
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图 3-9 MPMM 的 ER 图 


ER 图 和 类 图 非 第 类似, 可 以 认为 类 图 古 ER 图 的 增强 版 ， 而 且 符合 面 问 对 象 议 计 的 思 
想 ， 所 以 以 后 应 该 使 用 类 图 来 设计 概念 模型 。 表 3-1 给 出 了 ER 图 和 类 图 的 对 照 。 


表 3-1 ER 图 和 类 图 对 照 表 

概念 。 ER 图 说 明 

实体 同样 用 拢 形 表示 实 
体 ,但 类 图 中 ， 从 上 
到 下 分 为 类 名 区 、 属 
性 区 和 操作 区 三 
部 分 
属性 在 ER 图 中 用 线 
连接 到 实体 , 在 类 图 
中 直接 放 到 属性 区 


同样 用 连 线 表示 实 
体 间 的 联系 。ER 图 
在 连 线 中 放置 一 个 
鞭 形 表示 联系 名 ; 类 
图 一 般 忽略 联系 名 ， 
并 且 提 供 更 多 的 联 
系 类 型 

多 个 实体 的 联系 , 如 
表示 某 音乐 爱好 者 
从 某 个 商家 购买 了 
某 件 音乐 资料 。ER 
图 可 以 利用 萎 形 直 
接 联系 多 个 实体 , 而 
类 图 则 借助 独立 的 
类 来 表示 相同 的 
概念 
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1 数据 库 系 统 
概念 模型 最 大 的 作用 融 定 帮助 理解 软件 系统 将 要 管理 的 数据 和 数据 间 的 联系 ， 但 计算 
机 并 不 能 够 直接 管理 概念 模型 ， 开 发 人 员 必 须 找 到 一 种 方法 实现 相应 的 数据 管理 。 
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软件 发 展 的 早期 ， 程 序 员 直 接 将 数据 存储 在 文件 中 ， 通 过 自行 编程 的 方式 实现 数据 处 
理 。 随 着 计算 机 技术 的 发 展 ， 出 现 了 专门 负责 数据 管理 的 软件 系统 ， 也 就 是 数据 库 系 统 。 
数据 库 相 对 于 文件 来 说 ， 最 大 的 区 别 就 是 数据 库 中 的 数据 是 有 结构 的 ， 而 且 数 据 库 系统 提 
供 了 一 系列 的 操作 功能 来 实现 对 数据 和 结构 的 处 理 ， 因 此 可 以 用 数据 库 系 统 提供 的 功能 来 
非常 方便 地 实现 数据 管理 。 

2. 数据 库 模 型 

数据 库 系 统 提供 的 数据 结构 以 及 其 上 的 操作 功能 ， 决 定 了 使 用 数据 库 实 现 概念 模型 的 
能 力 ， 决 定 了 操作 数据 的 效率 。 那 么 数据 库 系 统 提 供 了 什么 样 的 数据 模型 呢 ?” 这 个 数据 模 
型 好 用 吗 ? 为 此 ， 需 要 掌握 数据 模型 的 概念 。 

数据 模型 : 是 数据 与 数据 间 罗 辑 联系 的 表示 形式 。 一 般 应 从 系统 的 静态 结构 、 动 态 特 
性 和 完整 性 约束 条 件 三 个 方面 进行 说 明 。 带 态 结构 就 是 前 面 所 说 的 实体 、 属 性 和 实体 间 的 
秘 系 等 方面 的 内 容 ， 动 态 特性 是 数据 变化 方面 的 描述 ， 而 完整 性 约束 条 件 是 关于 数据 正确 
性 方面 的 规定 。 

数据 模型 根据 面向 的 领域 ， 可 以 分 为 概念 模型 和 逻辑 模型 。 

。 概念 模型 : 前 一 节 进 行 了 详细 介绍 ， 也 可 以 叫做 概念 数据 模型 、 信 息 模型 ， 是 面向 

客观 世界 、 面 向 用 户 的 模型 ， 主 要 用 于 数据 库 设 计 。 

。 逻辑 数据 模型 有 时 候 所 谓 的 数据 模型 就 仅 指 逻 辑 数 据 模型 ， 是 面 癌 计算 机 系统 的 

模型 ， 主 要 用 于 数据 库 实 现 。 

一 个 好 的 数据 模型 ， 可 以 方便 地 实现 各 种 概念 模型 ， 包 括 静态 结构 、 业 务 操作 和 完整 
性 约束 ， 也 就 是 数据 模型 的 三 个 构成 要 素 。 

(1) 数据 结构 : 研究 对 象 的 集合 及 联系 。 它 是 数据 模型 的 基础 ， 是 对 系统 静态 特性 的 
描述 《数据 结构 》 中 的 集合 、 线 性 表 、 和 矩阵 、 树 、 图 等 都 是 可 以 考虑 的 数据 结构 ， 不 同 的 
数据 结构 能 够 实现 概念 模型 的 能 力也 不 同 。 

(2) 数据 操作 : 所 研究 对 象 〈 实 体 、 属 性 、 联 系 ) 上 的 操作 及 其 所 应 该 遵守 的 规则 ， 
它 是 对 系统 动态 特性 的 描述 。 数 据 操作 是 由 概念 模型 所 对 应 的 业务 规则 决定 的 ， 最 基本 的 
操作 包括 创建 〈Create)、 删 除 (Delete)、 修 改 〈Update) 和 查询 (Retrieve)。 通 常 可 以 用 
上 述 英 文 单词 的 首 字母 来 表示 相应 的 操作 ， 例 如 CRUD 表示 上 述 4 个 操作 ，CUD 表示 除 
查询 以 外 的 其 他 3 个 操作 ……… 

(3) 完整 性 约束 条 件 : 在 数据 操作 过 程 中 ， 可 能 出 现 不 合 逻 辑 的 情况 ,这 是 不 允许 的 ， 
数据 的 正确 性 通过 完整 性 约束 条 件 来 控制 。 所 谓 数 据 模型 上 的 完整 性 约束 条 件 ， 也 就 是 规 
定数 据 正 确 性 、 有 效 性 、 相 容 性 的 规则 集合 。 完 整 性 由 业务 逻辑 来 确定 ， 例 如 同样 是 音乐 
资料 的 出 版 年 月 ， 如 果 介 质 类 型 是 CD， 那 就 不 可 能 早 于 1980 年 (因为 CD 是 1980 年 才 
推出 的 ), 但 如 果 是 密 纹 唱片 的 出 版 年 月 就 可 以 了 。 数据 库 系统 不 可 能 提供 所 有 完整 性 约束 
条 件 的 管理 能 力 , 因此 除了 基本 完整 性 定义 以 外 ,往往 要 靠 软件 开发 人 员 通 过 编程 来 进行 控制 。 

3. 关系 模型 

前 面 已 经 完成 了 MPMM 概念 模型 设计 ， 接 下 来 是 设计 数据 模型 。 设 计数 据 模型 ， 也 


1 实际 上 只 完成 了 静态 数据 结构 部 分 ， 但 MPMM 系统 的 业务 操作 和 完整 性 很 简单 ， 所 以 直接 在 实现 
阶段 处 理 ， 相 关 的 内 容留 到 下 一 篇 再 介绍 。 
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束 是 将 概念 模型 转换 成 数据 模型 。 
既然 是 基于 数据 库 系 统 来 实现 数据 管理 ， 那 就 必须 根据 数据 库 系 统 所 文 持 的 数据 结构 
来 进行 转换 。 上 日 前 最 第 用 的 数据 库 为 天 系数 据 库 ， 本 市 介绍 如 何 把 松 念 模型 转换 成 天 系 模 
型 。 首 先 学 习 几 个 重要 的 关系 模型 概念 。 
(1 ) 关系 (Relation): 把 一 张 二 维 表 称 为 一 个 关系 。 注 意 ， 关 系 在 这 里 就 是 一 个 术语 
而 已 ， 和 它 的 凶 面 总 思 没 有 什么 联系 。 例 如 表 3-2 是 一 张 首 乐 资料 的 二 维 表 ， 就 是 一 个 天 系 。 


ID ”名称 介质 出 版 表演 者 出 版 日 保存 地 

1 ， 爱 ， 不 解释 CD 星 外 星 唱 片 张杰 2013-12-27 A-1-2 

2 张学友。 私人 珍藏 黑 腕 CD ”广州 市 新 时 张学友 2010-06-10 。 A-1-2 
代 影 音 公司 

3 TodayIsABeautifulDay BD Supercell 初音 未 来 。 2014-03-20 借 : 张 航 渡 


(2) 元 组 (Tuple): 表 中 的 一 行 。 例 如 ， 表 3-2 中 有 3 个 元 组 。 

(3) 属性 (Attribute): 表 中 的 一 列 。 例 如 ， 表 3-2 中 有 ID、 名 称 、…… 、 保 存 地 ， 共 
7 个 属性 。 

(4) 人 码 (Key， 候 选 码 ): 表 中 的 某 个 属性 〈 组 )， 它 的 值 可 以 唯一 确定 一 个 元 组 。 

($5) 域 (Domain): 属性 的 取 值 范围 。 

(6) 分 量 : 元 组 中 的 一 个 属性 值 。 

(7) 关系 模式 : 对 关系 结构 的 描述 。 通 常 表示 形式 为 “关系 名 (属性 名 1， 属 性 名 
A ， 属 性 名 n)”。 例 如 ， 表 3-2 的 关系 模式 为 “ 首 乐 资料 ID， 名 称 ， 介 质 ， 出 版 
表演 者 ， 出 版 日 ， 保 存 地 )”。 

(8) 主 属性 : 包含 在 任意 候选 码 中 的 属性 。 

(9) 非 主 属性 : 不 包含 在 所 有 候选 码 中 的 属性 。 

对 比 概念 模型 中 介绍 的 术语 ， 可 以 看 到 两 者 上 其 有 清晰 的 对 应 关系 ， 互 相 之 间 的 转换 关 
系 如 表 3-3 所 示 。 


表 3-3 概念 模型 和 关系 模型 转换 表 
概念 模型 ” 关系 模型 说 明 


实体 元 组 一 个 实体 对 象 ， 在 关系 模型 中 表现 为 一 个 元 组 。 实 体 对 象 、 实 体 、 记 录 、 
元 组 ， 这 4 个 术语 在 数据 库 中 都 是 同一 个 概念 

属性 属性 实体 对 象 的 属性 ， 对 应 为 列 。 同 类 型 的 实体 对 象 具有 相同 的 属性 ， 对 应 元 
组 的 同一 属性 放 在 同一 列 

域 域 属性 的 取 值 范围 

码 码 关系 模型 中 强调 码 可 能 有 多 个 ， 所 以 又 叫 候选 码 

实体 型 关系 模式 属性 的 排列 顺序 是 无 所 谓 的 

实体 集 关系 把 实体 集中 的 实体 按 二 维 表 的 格式 排列 起 来 , 就 是 关系 。 实体 集中 实体 无 
顺序 关系 ， 所 以 二 维 表 的 行 顺序 也 无 所 谓 

联系 关系 概念 模型 的 联系 也 是 通过 关系 来 表示 的 


4. 关系 操 纵 和 完整 性 
关系 模型 支持 的 基本 操作 就 是 CRUD， 即 增加 、 查 询 、 更 新 和 删除 。 但 关系 模型 支持 
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的 这 4 种 操作 都 是 集合 操作 ， 也 就 是 说 可 以 一 次 性 增加 、 查 询 、 更 新 或 删除 多 条 记录 。 
关系 模型 的 集合 操作 给 操作 数据 带 来 了 很 大 的 便利 ， 目 前 主流 的 程序 语言 都 文 持 直接 

对 关系 数据 库 进 行 集合 操作 ， 不 过 程序 语言 对 数据 操作 的 模式 通常 仍 是 逐条 进行 的 ， 开 发 
需要 通过 循环 来 实现 两 者 之 间 的 转换 。 

为 了 保证 操作 结果 的 正确 性 ， 关 系 模型 也 提供 了 完整 性 约束 条 件 ， 包 括 实 体 完整 性 、 
参照 完整 性 和 用 户 目 定义 完整 性 ， 所 谓 完 整 性 不 妨 先 简单 地 理解 为 正确 性 。 为 了 能 将 概念 
模型 正确 地 转换 成 关系 模型 ， 还 需要 学 习 几 个 重要 的 概念 “。 

空 值 : 数据 库 中 用 NULL 表示 衬 值 ， 它 的 含义 是 “没有 值 ” 或 “不 知道 >， 适用 于 所 
有 数据 类 型 。 许 多 语言 中 都 有 null 的 概念 ， 但 通常 仅 用 于 “指针 ”或 “引用 ”数据 类 型 。 
不 要 混 请 null 和 0 或 者 字符 品 "NULL"，NULL 束 像 布尔 型 的 true、false 一 样 ， 是 一 个 值 。 

实体 完整 性 ， 实 体 完整 性 要 求 每 一 个 表 中 的 主键 ( 主 关 键 字 的 简称 〉 字 有 段 都 不 能 为 空 
或 出 现 重 复 值 。 例 如 ， 假 设 音 乐 资料 表 的 主键 定 为 {名 称 ， 表 演 者 ， 出 版 时 间 }， 那 么 对 于 
表 中 任何 一 条 记录 ， 这 3 个 字段 值 每 一 个 都 不 能 为 NULL; 对 于 表 中 任意 两 条 记录 ， 这 3 
个 字段 值 ( 综 合 起 来 ) 不 能 重复 。 实 体 完整 性 的 检查 范围 是 实体 集 内 用 于 保证 一 个 实体 的 
数据 是 正确 的 。 作 为 主 关 键 字 ， 用 于 唯一 确定 一 个 实体 ， 其 值 不 为 空 且 不 重复 是 基本 的 要 
求 。 所 以 ， 对 于 绝 大 多 数 的 数据 库 系 统 ， 这 个 完整 性 是 强制 执行 的 。 

外 人 码 ( 外 键 ): 如 果 一 个 关系 中 含有 某 个 关系 主键 对 应 的 属性 (组 ), 则 称 这 个 属性 (组 ) 
为 外 码 。 外 码 实 际 上 误 是 用 来 表示 实体 间 关 系 的 属性 ， 因 为 根据 外 三 的 全 可 以 唯一 确定 这 
条 记录 关联 的 其 他 实体 。 

参照 完整 性 : 关系 中 的 外 码 取 值 除非 〈 都 ) 为 NULL， 和 否则 在 被 参照 关系 中 必须 存在 
相同 主键 值 的 元 组 。 参 照 完 整 性 的 检查 范围 涉及 两 个 实体 集 ， 用 于 保证 一 个 实体 的 关联 实 
体 是 存在 的 。 这 个 完整 性 通常 数据 库 系 统 也 是 强制 执行 的 。 因 此 ， 当 删除 “ 主 实体 ”( 被 参 
照 实 体 ) 时 有 两 个 选择 : 要 么 把 所 有 “从 实体 ”( 参 照 主 实体 的 实体 ) 外 键 取 值 设 为 NULL,， 
要 么 把 所 有 “从 实体 ”也 一 起 删除 ( 称 为 级 联 删除 )。 如 果 两 个 选择 都 不 选 , 那么 在 存在 “从 
实体 ”的 情况 下 就 不 允许 删除 “ 主 实体 ”( 称 为 拒绝 删除 )。 

目 定 义 完 整 性 : 用 户 目 定 义 完整 性 指针 对 茶 一 具体 关系 数据 库 的 约束 条 件 ， 它 反映 具 
体 业 务 对 数据 的 要 求 。 数 据 库 系统 通常 会 提供 一 些 目 定义 完整 性 的 工具 ， 例 如 唯一 索引 、 
默认 值 等 ， 但 无 法 满足 所 有 可 能 的 业务 完整 性 要 求 。 因 此 目 定 义 完 整 性 需要 开发 人 员 目 己 
编写 代码 来 实现 。 

由 于 数据 库 系 统 强制 执行 实体 完整 性 和 参照 完整 性 ， 有 些 开 发 人 员 在 设计 数据 库 时 通 
过 不 定义 主键 和 参照 的 方法 来 绕 过 数据 库 系 统 的 这 个 机 制 。 但 这 并 不 是 说 此 时 就 没有 完整 
性 的 概念 了 ， 这 只 是 将 维护 完整 性 的 任务 完全 交 给 了 开发 人 员 目 己 。 这 种 做 法 在 得 到 了 有 灵 
活性 的 同时 增加 了 出 错 的 风险 ， 像 这 种 普遍 的 、 最 基本 的 完整 性 应 该 交 给 数据 库 系 统 去 
负责 。 

从 表 3-3 中 可 以 看 到 ， 关 系 模型 中 ， 实 体 和 联系 的 表示 方法 是 统一 的 ， 都 用 关系 来 表 

1 LINQ 技术 突破 了 这 个 界限 ， 提 供 对 内 存 中 数据 的 集合 操作 能 力 。 


2 在 介绍 概念 时 混合 使 用 了 一 些 术语 。 在 数据 库 中 ， 实 体 集 、 表 、 关 系 、 类 是 同一 个 概念 ; 记录 、 元 
组 、 实 体 、 对 象 是 同一 个 概念 ， 字 段 、 属 性 、 列 也 是 同一 个 概念 。 这 些 术语 都 要 熟练 掌握 ， 并 灵活 运用 。 
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示 。 这 样 一 来 ， 最 大 的 好 处 是 把 实体 和 联系 的 操作 方法 也 统一 起 来 了 ， 操 作 联 系 就 和 操作 
实体 一 样 方便 。 这 是 关系 模型 的 突出 优点 之 一 。 
那么 ， 怎 么 用 关系 来 表示 联系 呢 ? 其实 ， 前 面 介 绍 参照 完整 性 和 外 码 时 已 经 给 出 了 答 
案 ， 下 面 以 图 1-9 为 例 ， 针 对 不 同 的 关联 多 重 性 说 明 联 系 的 表示 方法 。 首 先 给 出 图 中 几 个 
类 对 应 的 关系 ， 例 如 表 3-4、 表 3-5 和 表 3-6 所 示 。 其 中 ， 为 了 后 续 管理 和 软件 开发 方便 ， 
为 每 个 关系 添加 了 一 个 名 为 Id 的 主键 。 


表 3-4 音乐 分 类 表 Category 
ID Code Name Description 


1 Lhy 天 魂 乐 灵魂 乐 是 一 种 结合 了 节奏 赣 调 和 福音 音乐 的 音乐 流派 
2 Yegy 摇滚 乐 摇滚 乐 主要 受到 节奏 布鲁斯 、 乡 村 音乐 和 叮 秤 巷 音 乐 的 影响 发 展 而 来 。 


摇滚 乐 分 支 众 多 ， 形 态 复杂 
3 ”mzcf ”民族 唱法 ”民族 唱法 是 由 中 国 各 族人 民 按 照 自己 的 习惯 和 爱好 创造 和 发 展 起 来 的 
歌唱 艺术 的 一 种 唱法 


表 3-5 音乐 资料 表 Music 


ID Code Name Performers PublishDate 
1 Abis 爱 ,不 解释 张杰 2013-12-27 

pt Zxysrzc 张学友 。 私 人 珍 蕊 张学友 2010-06-10 

3 tiabd Today Is A Beautiful Day 初音 未 来 2014-03-20 
注 ; 表 中 省 略 了 一 些 字段 。 


表 3-6 非 数 字 化 音乐 表 MediaMusic 


ID Midalype GoWhere 
] CD AL 
“ 黑 胶 CD A_] .9 
一 借 ， 张 航 流 
1) 1 对 1 


图 1-9 中 “数字 化 音乐 ”和 “ 非 数字 化 音乐 ”都 继承 了 “音乐 资料 ”， 这 也 是 一 种 联系 。 
而 且 这 是 1:1 的 联系 ， 一 个 Music 实体 只 会 对 应 一 个 MediaMusic 或 DigitalMusic 实体 ; 一 
个 MediaMusic 或 DigitalMusic 实体 也 只 会 对 应 一 个 Music 实体。 多重 性 为 1:1 的 联系 ， 只 
需要 在 任 总 实体 集中 增加 外 键 ， 你 存 对 应 实体 的 主键 值 即 可 。 例 如 ， 在 MediaMusic 表 中 
增加 一 列 Music Id 即 可 表示 出 MediaMusic 实体 和 Music 实体 之 间 的 联系 ， 如 表 3-7 所 示 。 


表 3-7 添加 参照 的 非 数 字 化 音乐 表 
ID Meida Type (GoWhere Music ID 
1 CD A-]1-2 3 
2 黑 胶 CD A-1-2 1 
3 BD 间 : 张 航 渡 2 


根据 表 3-7 中 的 记录 ，ID=1 的 MediaMusic 实体 其 Music ID=3， 查 表 3-5 可 知 其 对 应 
的 Music 实体 为 《Today Is A Beautiful Day》。 反 过 来 ， 对 于 Id=1 的 Music 实体 《 爱 ， 不 解 
释 》 在 表 3-7 中 查找 可 知 Music ID=1 的 行 ， 媒 体 类 型 为 “ 黑 胶 CD”， 保 存在 “A-1-2” 这 
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个 柜子 里 面 。 所 以 ， 通 过 在 MediaMusic 表 的 Music Id 外 键 保存 Music 表 的 主键 值 ， 实 现 
了 两 张 表 之 间 的 联系 。 

当然 ,通过 在 Music 表 中 增加 MediaMusic Id 外 键 ， 记 录 MediaMusic 表 的 主键 值 ， 也 
可 以 实现 两 张 表 之 则 的 联系 。 但 考虑 到 Music 表 和 DigitalMusic 表 之 间 也 存在 相同 的 联系 ， 
在 MediaMusic 表 中 记录 这 个 联系 会 方便 一 些 。 

最 后 ， 对 于 1:1 的 情况 ， 由 于 实体 之 同 是 一 一 对 应 的 ， 所 以 两 张 表 可 以 合并 成 一 张 ， 
在 图 3-3 中 束 是 这 样 设计 的 。 

2) 1 对 多 

图 1-9 中 Category 类 和 Music 类 之 间 是 典型 的 1:n 的 联系 。 由 于 和 一 个 Category 实体 
存在 联系 的 Music 实体 数量 不 确定 ， 因 此 无 法 确定 Category 表 到 Music 表 的 外 键 数量 ,但 
可 以 确定 Music 表 到 Category 表 外 键 数 量 束 是 1 个。 所以， 对 于 1:n 的 情况 ， 应 该 在 “从 
实体 ” 表 中 增加 外 键 , 保存 对 应 “ 主 实 体 ” 的 主键 值 。 例如 ,在 Music 表 中 增加 Category Id 
字段 ， 如 表 3-8 所 示 。 


表 3-8 添加 参照 的 音乐 资料 表 


ID (Code Name Performers PublishDate Category_ID 
1 Abjs 爱 ， 不 解释 张杰 li1227 2 
2 ZZxysrzc 张学友 ， 私 人 珍藏 张学友 2010-06-10 1 
3 tiabd Today Is A Beautiful Day 初音 未 来 2014-03-20 1 


根据 表 3-8 中 的 记录 确定 实体 之 间 的 关系 和 1:1 的 情况 基本 相同 ， 只 是 1 个 Category 
实体 所 对 应 的 Music 实体 应 该 是 一 个 集合 ， 而 不 是 单条 记录 。 

对 于 1:n 的 情况 , 初学 者 可 能 会 认为 也 可 以 将 两 张 表 合 并 成 一 张 : 也 就 是 直接 把 Music 
实体 中 对 应 的 Category 实体 信息 保存 在 Music 记录 中 。 表 面 上 看 也 可 以 达到 相同 的 目的 ， 
但 实际 上 存在 很 大 的 问题 ， 本 书 下 一 篇 中 会 对 这 个 问题 进行 详细 讨论 。 

3) 多 对 多 

假设 允许 将 一 件 音乐 资料 同时 归 入 茶几 个 音乐 分 类 , 此 时 两 者 之 间 就 成 了 闫 严 的 联系 ， 
即 一 个 Category 实体 可 以 包含 多 个 Music 实体 ， 同 时 一 个 Music 实体 也 可 以 属于 茶几 个 
Category 实体 。 这 样 ， 既 无 法 确定 Category 表 到 Music 表 的 外 键 数 量 ， 也 无 法 确定 Music 
表 到 Category 表 的 外 键 数量 。 

这 种 情况 下 ， 需 要 单独 为 两 者 之 间 的 联系 定义 一 张 表 ， 表 中 同时 保存 到 Music 表 和 
Category 表 的 两 个 外 键 ， 如 表 3-9 所 示 。 


表 3-9 音乐 资料 分 类 表 


ID Category_ID Music ID 
] ] ] 
2 2 ] 
3 ] 2 
4 2 3 


从 表 3-9 中 可 以 知道 ，Music ID=1 的 《 爱 ， 不 解释 》 同 时 属于 Category ID=1]1 灵魂 乐 
和 Category ID=2 播 滩 乐 两 个 音乐 分 类 。 和 1:n 的 情况 相同 ，n:m 的 情况 也 不 能 将 其 合并 到 
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一 张 实 体 表 中 。 

关系 模型 统一 用 “关系 ”解决 了 表示 联系 的 问题 。 实 际 上 ， 用 一 张 独立 表 来 表示 各 种 
联系 都 是 可 行 的 ， 而 且 如 果 有 联系 目 己 的 属性 时 ， 只 要 在 联系 表 中 增加 相应 的 字段 即 可 。 

多 个 实体 之 间 的 联系 比 两 个 实体 间 联 系 的 多 重 性 要 复杂 得 多 ， 但 万 变 不 离 其 宗 ， 如 何 
用 关系 来 表示 多 实体 间 的 联系 留 给 读者 思考 。 

将 图 3-3 的 概念 模型 转换 成 天 系 模型 ,只 需要 两 张 表 ,具体 设计 说 明 如 表 3-10 和 表 3-11 
所 示 。 


表 3-10 音乐 分 类 表 Category 


字段 名 类 型 属性 说 明 

ID Int32 PK, IDENTITY 分 类 ID 

Code String (50) NULL 分 类 编码 ， 用 于 快速 录入 
Name String (250) NOT NULL 分 类 名 称 

Description String (1000) NULL 分 类 的 详细 描述 


表 3-11 音乐 资料 表 Music 
字段 名 类 型 属性 说 明 


ID Int64 PK，IDENTITY 音乐 资料 ID 

Code String (50) NULL 普 乐 资料 编码 ， 用 于 快速 录入 

Name String (100) NOT NULL 音乐 资料 名 称 

Authors String (100) ”NULL 音乐 资料 作者 名 单 

Performers String (100) NULL 省 乐 资料 表演 者 名 单 

Photo String (1000) NULL 音乐 资料 图 片 文件 所 在 的 路 径 。 如 果 为 空 ， 则 表示 
用 默认 图 片 

Description String (2000) NULL 音乐 资料 的 详细 介绍 

PublishDate Date NULL 友 表 日 期 

Memo String (500) NULL 备注 

MediaType String(1) NOT NULL 媒体 类 别 : 0- 文 件 、，1-CD、2-DVD、3-BD、4- 人 磁带 

MediaFile String(1000) NULL 音乐 资料 数字 化 文件 所 在 的 路 径 。 如 果 MediaType=0， 
则 不 能 为 空 

GoWhere strng(100) NULL 去 问 。 保 存 地 点 或 外 借 人 

Category ID Int32 FKNOTNULL ”音乐 资料 所 属 的 音乐 分 类 ID 


针对 表 中 的 内 容 说 明 以 下 几 点 。 

(1) 类 型 列 。 该 字段 的 数据 类 型 ， 考 让 a 到 不 同 DBMS 文 持 的 数据 次 型 各 不 相同 ， 这 里 
的 数据 类 型 采用 了 C#HHi 召 言 中 的 名 称 。 对 于 有 长 度 限 制 的 字段 ， 数 据 类 型 的 括号 中 补充 说 明 
了 该 字段 的 最 大 长 度 。 数 据 类 型 的 选择 受 业 务 逻 辑 和 DBMS 两 者 的 限制 , 要 选择 最 合理 ( 效 
率 噩 、 空 间 小 、 满 足 需 求 ) 的 类 型 。 

(2) 属性 列 。 该 字段 的 补 元 规范 ， 主 要 有 PK 一 一 主键 ，IDENTITY 一 一 日 增长 ， 
FK 一 一 外 键 ， NULIL 一 一 允许 为 空 NOT NULIL 一 一 人 不 允许 为 空 。 

(3) ID 字段 。 每 张 表 都 设置 了 一 个 卫 字段 作为 主键 。 该 字段 的 唯一 要 求 束 是 不 能 重 
复 ， 为 此 采用 由 数据 库 目 动 生成 的 方式 。 

(4) Category ID 字段 。 访 字段 为 音乐 资料 表 到 音乐 分 类 表 的 外 键 ， 在 图 3-3 的 概念 模 
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型 中 并 没有 这 个 字段 。 这 个 字段 是 概念 模型 中 两 个 实体 间 联 系 在 关系 模型 中 的 体现 ， 因 为 
模型 中 规定 了 该 联系 是 1:* 的 ， 也 就 是 一 件 音乐 资料 必须 属于 某 个 音乐 分 类 ， 所 以 该 外 刍 
不 允许 为 空 。 

(5) MeidaType 字段 。 虽 然 MediaType 字段 值 看 上 去 像 整 数 ， 但 该 值 是 无 须 进行 数值 
计算 的 。 其 字段 类 型 用 1 位 长 度 的 字符 串 既 能 够 满足 要 求 ， 又 能 够 节省 空间 ， 还 可 以 避免 
被 当 作 数值 进行 运算 处 理 。 

使 用 表格 的 方式 来 描述 数据 模型 的 好 处 是 可 以 准确 地 描述 模型 细节 ， 方 便 创建 数据 
库 ， 缺 点 是 实体 间 的 联系 不 直观 。 更 理想 的 做 法 是 同时 给 出 关系 表格 和 关系 图 。 


站 题 3 
一 、 选 择 题 


1. 下 面 哪个 不 是 数据 模型 的 三 要 素 之 一 
A) 数据 结构 B) 数据 操作 C) 逻辑 结构 D) 完整 性 约束 条 件 


2， 设 有 部 门 和 职员 两 个 实体 ， 每 个 职员 只 能 属于 一 个 部 门 ， 一 个 部 门 可 以 有 多 名 职 
员 ， 则 部 门 与 职员 实体 之 间 的 联系 类 型 是 〈 和 
A) mn B) 0:n C) lin D) 1:1 
3. E-R 图 中 的 联系 可 以 与 ( ) 实体 有 关 。 
站 让 看 十 B) 1 个 C) 2 个 D) 2 个 或 以 上 


pr = 


= El 用: 


.数据 的 数据 库 管 理 方式 相对 于 文件 管理 方式 来 说 ， 最 大 的 区 别 是 
2. 根据 数据 模型 的 发 展 ， 数 据 库 搁 术 可 以 划分 为 三 个 发 展 阶 段 ， 第 一 代 的 同 状 和 层 
次 数据 库 系 统 ， 第 二 代 关 系数 据 库 系 统 ， 第 三 代 以 为 主要 特征 的 新 一 
代数 据 库 系统 。 
3. 独立 于 计算 机 系统 ， 只 用 于 朱 述 东 个 特定 组 织 所 关心 的 信息 结构 的 模型 ， 称 
为 ， 直接 面 向 数据 库 的 逻辑 结构 的 模型 ， 称 为 ， 
4. 右 天 系 的 菏 一 属性 组 (或 单个 属性 ) 的 值 能 够 唯一 地 标识 一 个 元 组 ， 则 称 该 属性 


组 或 属性 为 
三 、 
( .在 数据 库 中 空 值 用 NULL 表示 ， 不 同 于 0 或 空 串 ， 它 表示 “ 值 未 知 ”。 
( ， 关系 模型 中 ， 实 体 和 联系 的 表示 方法 是 统一 的 ， 都 用 关系 来 表示 。 


1. 请 设计 一 个 图 书馆 数据 库 。 此 数据 库 中 对 每 个 借阅 者 保存 读者 记录 ， 包 括 : 读者 
号 、 姓 名 、 地 址 、 性 别 、 年 龄 、 单 位 。 对 每 本 书 存 有 : 书号 、 书 名 、 作 者 、 出 版 社 。 对 每 
本 被 借 出 的 书 存 有 读者 号 、 借 出 日 期 、 应 换 日 期 。 请 画 出 类 图 ， 并 根据 类 网 完成 关系 模型 
的 设计 。 

2. 完成 《个 人 通讯 录 》 的 概念 模型 ， 并 将 其 转换 成 关系 模型 。 
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学 习 目 标 

。 掌握 SQL Server Express 数据 库 系 统 的 安装 ， 掌 握 查 询 分 析 器 的 基本 用 法 ; 

。 了 解 什么 是 SQL、SQL 的 特点 ， 和 擎 握 SQL 语句 的 分 类 DDL、DML 和 DCL:; 

。 掌握 创建 数据 库 的 SQL 语句 ， 了 解 使 用 数据 库 的 SQL 语句 ; 

。 掌握 SQL Server 字段 、 完 整 性 约束 的 概念 ， 掌 握 创 建 、 维 护 表 的 SQL 语句 ; 

e。 丁 解 使 用 图 形 界 和 面 创建 和 修改 SQL Server 数据 库 和 表 的 方法 ; 

。 和 车 握 SELECT 语句 的 基本 语法 , 了 解 模 糊 查 找 , 掌握 人 简单 连接 查询 ， 了 了解 多 表 连 接 、 
反映 连接 和 外 连接 的 概念 和 语法 ; 

。 掌握 伐 套 查询 的 概念 ， 掌 握 IN、EXISTS 子 句 的 概念 和 语法 。 


DBMS 中 创建 相应 的 数据 库 ， 然 后 在 程序 中 使 用 DBMS 提供 的 功能 实现 对 数据 库 的 操作 ， 
最 终 实现 应 用 程序 的 业务 。 


4.1 准备 工作 


1， 安 于 和 使 用 DBMS 

首先 ， 需 要 安装 一 个 数据 库 管 理 系 统 (DBMS )， 本 书 选择 简单 易 用 的 SQL Server 2012 
Express (SSE 2012)。 这 是 由 Microsoft 所 开发 的 SQL Server 的 其 中 一 个 版 本 ， 这 个 版 本 是 
人 钢 费 的 ， 它 继承 了 多 数 的 SQL Server 功能 与 特性 ， 像 Transact-SQL、SQL CLR 等 ， 非 种 适 
合 使 用 在 小 型 的 网 站 ， 或 者 是 小 型 的 加 面 型 应 用 程序 。 

SSE 2012 可 以 从 网 上 免费 下 载 ， 安 装 也 非常 容易 ， 详 细 的 相关 资料 可 以 在 网 上 得 阅 ， 
注意 根据 操作 系统 选择 相应 的 32 位 或 64 位 版 本 即 可 。 其 实 ，VS 也 市 有 SSE， 只 是 版 本 
旧 一 些 ， 但 也 可 以 满足 学 习 的 需要 。 

注意 下 载 SSE 2012 的 时 候 最 好 选择 With Tools 安装 包 ， 人 否则 还 需要 单独 下 载 对 应 的 
SQL Server 2012 Management Studio Express(SSMS 2012), 这 是 SQL Server 的 图 形 化 管理 工 
具 ， 是 使 用 SSE 2012 必 不 可 少 的 工具 。 

下 面 通 过 SSMS 来 访问 安装 好 的 SSE 这 个 数据 库 管 理 系 统 。 打开 SSMS, 出 现 如 图 4-1 
连接 到 服务 堪 的 对 话 框 。 

图 4-1 中 连接 的 服务 右 名 称 为 WIN2K&8\SQLEXPRESS， 其 中 WIN2K8 为 计算 机 的 名 
字 ， 也 可 以 用 计算 机 的 人 P 地 址 取代 ; SQLEXPRESS 为 SQL Server 实例 名 ， 如 果 不 指定 实 
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例 名 ， 则 表示 连接 默认 的 SQL Server 实例 。 因 为 可 以 在 一 台 计 算 机 中 同时 运行 多 个 SQL 
Server, 每 个 SQL Server 完全 独立 运作 ,其 中 的 数据 库 互 不 相关 ,所 以 每 个 安装 的 SQL Server 
称 为 一 个 实例 , 通过 不 同 的 实例 名 来 区 分 。 实 例 名 是 安装 的 时 候 指 定 的 EXPRESS 是 SSE 
安 猴 时 的 默认 实例 名 。SSMS 可 以 同时 管理 多 个 SQL Server 的 实例 ， 但 首先 需要 和 相应 的 
实例 建立 连接 。 

成 功 连接 上 SQL Server 后 ， 界 面 的 左 侧 会 出 现 可 以 管理 的 对 象 清 单 ， 如 网 4-2 所 示 。 
绝 大 部 分 数据 库 管 理 的 工作 ， 可 以 通过 右键 单 击 御 出 快捷 蘑 单 或 者 米 单 ， 以 图 形 化 界面 的 
方式 来 完成 。 


上 连接 到 服务 器 I . x 
EE serverzo 
服务 器 类 型 ([): TE es 


服务 器 名 称 世 ): WIN2 ES "SQLEXPRESS 
身份 验证 必 ) : Windows 身份 验证 vw 对 象 资 : 穆 介 理 缘 


站 TO 连接 (0)" | 开 到 加 了 [直属 
国 WIN2FB‘SQLEXPRESS (SQL Servw 
ED: 寺中 数据 库 


三 记 住 窗 码 员 恒安 全 性 
各 服务 悚 对 象 
= 田间 县 制 
取消 | 帮助 | 选项 和) 六 | 冯 管理 
图 4-1 连接 SQL Server 服务 器 的 对 话 框 图 4-2 SQL Server 对 象 资源 管理 器 


接 下 来 主要 通过 “得 询 分 析 堪 ”用 命令 的 方式 来 完成 MPMM 的 数据 库 管 理工 作 。 单 
击 工 具 栏 中 的 “新 建 租 询 ” 按 钮 ， 出 现 如 图 4-3 所 示 的 三 询 分 析 器 的 界面 。 
铺 | te "| 执行) 》 有 w 申 昌国 | 下 绚 | 鸣 贿 双 | 三 宇 | 它 率 | 刀 上 


SQLOmeryl. sql 一 WIN2RS. .. 


WIH2ES"SQLEXFRESS [SQL Serw 
I 数据 库 

入 安全 性 

呈 服务 展 对 象 

司 复制 

呈 管理 


图 4-3 “三 询 分 析 器 ”界面 

图 4-3 中 显示 有 master 的 数据 库 , 选择 下 拉 框 用 于 选择 查询 分 析 器 默认 操作 的 数据 库 。 
右 侧 大 片 空白 区 域 为 文本 编辑 区 ， 用 于 输入 数据 库 的 命令 。 输 入 一 条 或 多 条 命令 后 ， 单 击 
“执行 ”按钮 ， 查 询 分 析 器 会 将 这 些 命 令 批量 发 送 给 SQL Server 执行 ， 并 在 下 方 显示 命令 
执行 的 结果 。 

2. SQL 和 T-SQL 

这 里 所 说 的 “命令 ”， 就 是 用 SQL 语言 编写 的 数据 库 命 令 。SQL 语言 是 关系 数据 库 的 
标准 语言 , 被 广泛 应 用 在 商业 系统 中 。SQL Server 在 SQL92 标准 的 基础 上 进行 了 一 定 扩充 ， 
形成 了 Transact-SQL 语言 ( 义 称 T-SQL)。T-SQL 具有 SQL 的 主要 特点 , 同时 增加 了 变量 、 
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运算 符 、 函 数 、 流 程控 制 和 注释 等 语言 元 素 , 使 得 其 功能 更 加 强大 。 接 下 来 将 通过 学 习 工 SQL 
来 掌握 SQL 语言 ， 因 为 两 者 的 核心 部 分 是 完全 一 致 的 。 

SQL 语言 具有 以 下 特点 。 

(1) 综合 统一 。 具 有 查询 、 操 纵 、 定 义 和 控 制 一 体 化 功能 。 

(2) 高 度 非 过 程 化 。SQL 语言 表达 要 实现 干什么 ， 如 何 实现 (执行 计划 ) 则 由 DBMS 
负责 上 自动 生成 。 

(3) 面向 集合 的 操作 方式 。SQL 操作 的 对 象 或 者 返回 的 结果 是 以 集合 为 单位 的 。 

(4) 简洁 ， 易 学 易 用 。 语 法 类 似 于 英语 自然 语言 ， 简 单 易学 。 

3. SQL 语言 的 分 类 

为 了 便于 理解 SQL 语言 ， 通 常 将 SQL 语言 按照 用 途 分 为 如 下 3 类 。 

(1) 数据 定义 语言 (Data Definition Laneuage，DDL): 在 数据 库 系 统 中 ， 每 一 个 数据 
库 、 数 据 库 中 的 表 、 视 图 和 索引 等 都 是 数据 库 对 象 。 要 建立 和 删除 一 个 数据 库 对 象 ， 都 可 
以 通过 SQL 语言 来 完成 。 

(2) 数据 操纵 语言 (Data Manipulation Language，DML ): DML 是 指 用 来 添加 、 修 改 、 
删除 和 查询 数据 库 中 数据 的 语句 ， 包 括 INSERT (新 增 )、DELETE (删除 )、UPDATE (更 
新 ) 和 SELECT (查询 ) 等 。 因 为 SQL 提供 了 强大 的 查询 能 力 ， 所 以 有 时 候 会 把 SQL 的 
查询 语言 独立 称 为 数据 查询 语言 (Data Query Language，DQL)。 

(3) 数据 控制 语言 (Data Control Language，DCL): DCL 包括 数据 库 对 象 的 权限 管理 
和 事务 管理 等 。 


4.2 定义 数据 


1. 创建 数据 库 

创建 数据 库 应 该 使 用 DDL 语言 ， 具 体 来 说 就 是 CREAIE DATABASE 语句 。 在 查询 分 

CREATE DATABASE MpmmDB 

执行 结果 如 图 4-4 所 示 ， 语 句 中 的 MpmmDB 为 数据 库 名 称 。DBMS 实际 上 将 数据 库 
保存 在 一 个 (或 多 个 ) 文件 中 ， 由 于 在 CREATE DATABASE 语句 中 只 规定 了 数据 库 名 称 ， 
因此 SQL Server 使 用 默认 规则 在 默认 文件 夹 下 创建 对 应 的 数据 库 文 件 。 

图 4-4 下 方 的 消息 区 域 出 现 “ 命 令 已 成 功 完成 。” 后, 展开 左 侧 对 象 资源 管理 器 中 的 “ 数 


据 库 ”节点 ， 可 以 看 到 其 中 痢 增 了 一 个 名 为 MpmmDB 的 图 标 ， 代 表 新 建 的 数据 库 。 如 来 
没有 出 现 该 图 标 ， 用 右键 单 击 “ 数 据 库 ”区 点， 然后 选择 “刷新 ”命令 即 可 。 


有 关 CREATE DAIABASE 语句 的 详细 用 法 ， 请 读者 目 行 参考 有 关 文 档 。 由 于 涉及 数 
据 库 实现 层面 的 内 容 〈 如 数据 库 文 件 如 何 组 织 )， 这 个 命令 和 具体 的 DBMS 有 关 ， 而 且 比 
较 复 杂 ， 在 此 不 做 深入 研究 。 

删除 数据 库 的 命令 为 


DROP DATARASE < 数据 库 名 > 
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图 4-4 创建 数据 库 MpmmDB 


使 用 这 个 命令 要 十 分 小 心 ， 因 为 DBMS 会 彻底 删除 指定 的 数据 库 ， 包 括 其 中 所 有 内 容 。 通 
常 执 行 这 种 命令 前 ， 应 该 做 好 数据 库 的 备份 工作 。 

注意 : DDL 中 删除 通常 用 DROP 命令 ， 而 DML 中 的 删除 则 用 DELETE 命令 。 另 外 ， 
SQL 本 身 是 大 小 写 不 敏感 的 语言 ， 但 由 于 SQL 语句 中 通常 会 混合 一 些 保 留 字 、 标 识 符 等 
各 种 类 型 的 元 素 ， 应 该 养 成 合理 使 用 大 小 写 来 帮助 区 分 不 同 元 素 的 习惯 ， 这 就 是 为 什么 这 
里 CREATE DATABASE 使 用 了 全 大 写 的 原因 ， 

2. 使 用 数据 库 

DBMS 通常 会 同时 管理 多 个 数据 库 ， 因 此 在 针对 某 个 数据 库 执行 操作 时 ， 必 须 指 定 使 
用 的 是 哪个 数据 库 。 对 于 查询 分 析 器 来 说 ， 除 了 通过 图 4-3 athe ple 
指定 默认 操作 数据 库 ， 也 可 以 通过 SQL 语句 来 指定 ，DDL 语句 : 

USE < 数据 库 名 > 
可 以 将 默认 数据 库 设 置 为 指定 的 数据 库 ， 其 后 的 SQL 语句 如 果 没 有 指定 数据 库 名 ， 那 束 表 
示 针 对 该 默认 数据 库 进 行 操 作 。 例 如 : 

USE MpmmDB 
可 以 将 默认 操作 数据 库 设置 为 MpmmDB 数据 库 。 

3. 创建 基本 表 

进一步 展开 如 图 4-3 所 示 的 MpmmDB 数据 库 会 发 现 SQL Server 已 经 创建 了 一 些 基本 
的 数据 库 内 容 ， 但 其 中 “ 表 ”“ 视 网 ”等 明细 内 容 仍 然 是 空白 。 使 用 DDL 创建 数据 库 表 
格 ， 有 具体 命令 为 


CREATE TABLE < 表 名 > (< 详细 定义 >) 


另外 ， 删 除 表 的 命令 为 


DROP TABLE < 表 和 名 > 
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使 用 这 个 命令 DBMS 会 彻 哲 删除 这 个 表 ， 包 括 表 的 定义 。 


例如 创建 Category 表格 SQL 语句 为 


USE MpmmDB -- 设 置 默 认 数据 库 为 MpmmDB 


CREATE TABLE Category(  -- 在 MpmmDB 中 创建 Category 表 
ID int IDENTITY(1 1) NOT NULL, -- 定 义 字 段 ID 


Code nvarchar (50}, 一 一 定义 字段 Code 
Name nvarchar (250) NOT NULL， -- 和 定义 字段 Name 
[Description] nvarchar (1000) NULL， -- 定 义 宇 段 Description 
CONSTRAINT PK Category PRIMARY KEY (ID)  -- 定 义 主键 
) 


CREATE TABLE 语句 的 评 细 定义 放 在 一 对 插 号 中 , 主要 包含 两 个 部 分 : 一 是 表 的 字段 
定义 ， 二 是 对 整个 表 的 完整 性 约束 (Constrainb 定 义 。 


1 ) 字段 定义 
每 个 字段 的 定义 之 间 用 “,” 分 隔 ， 字 段 定 义 主要 格式 为 


< 字段 名 > < 数据 类 型 > < 列 完 整 性 约束 > 


。 字段 名 : 字段 名 通常 应 该 符合 程序 设计 中 变量 名 的 规范 , 如 果 和 SQL Server 的 保留 
字 相 同 ， 则 可 以 用 “[]” 括 起 来 ， 如 Category 中 的 Description 字段 。 字 段 名 也 可 以 
用 中 文 , 但 强烈 建议 不 要 用 中 文 ,甚至 不 建议 用 拼音 , 也 不 要 用 不 常用 的 英文 缩写 ， 


因为 这 样 做 会 导致 代 人 码 的 可 读 性 不 强 ， 属 于 非 专 业 做 法 。 
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常用 的 数据 类 型 和 说 明 如 表 4-1 所 示 。 有 些 类 型 需要 指定 长 度 ， 通 过 在 


类 型 名 称 后 面 增加 “(长 上 度 定 义 )” 来 实现 。 例 如 numeric(24,9)，nvarchar(3000)。 
表 4-1 DBMS 常用 数据 类 型 


类 别 数据 类 型 ” C# 类 型 ” 长 度 定 义 ”描述 
逻辑 bit bool / 整 型 ， 其 值 只 能 是 0、1 或 NULL 
台 数 int int / 32 位 整数 
smallint Int16 / 16 位 整数 
bigint Int64 / 64 位 整数 
数值 decimal/ decimal (nm) 精确 数 ， 需 指定 范围 n 和 精度 下 。 范 围 是 小 数 点 左右 
numeric 所 能 存储 的 数字 的 总 位 数 。 精 度 是 小 数 点 右边 存储 的 
数字 的 位 数 。 用 于 不 允许 近似 取 值 的 情况 ， 如 银行 账 
float float / 一 种 近似 数值 类 型 ， 供 浮 点 数 使 用 。 用 于 不 要 求 精确 
数值 的 情况 ， 如 学 生 的 里 高 
日 期 datetime DateTime / 存储 从 1753 年 1 月 1 日 到 9999 年 12 月 31 日 间 所 有 
的 日 期 和 时 间 数 据 
字符 串 nchar string (1) Unicode 编码 字符 ， 固 定 长 上 度 。n 夺 4000， 日 动 使 用 空 
格 填充 到 个 字符 ， 因 此 固定 占用 个 字符 的 存储 空 
则 。 通 常用 在 固定 长 度 的 情况 ， 如 身份 证 号 人 码 固定 18 
位 ， 或 音乐 类 型 代码 固定 1 位 
nvarchar string (7) Unicode 编码 字符 ， 可 变 长 度 。n 硅 4000， 表 示 最 多 允许 


n 个 字符 ， 按 照 实 际 长 度 占 用 存储 空间 ， 所 以 叫 “ 可 变 ” 
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e。 列 级 约束 : 也 就 是 针对 单条 记录 的 完整 性 约束 ， 例 如 表 3-10 中 NOT NULL 表示 任 
一 记录 的 这 个 字段 值 都 不 能 为 空 。 如 果 一 个 列 有 多 个 约束 ， 则 不 用 考虑 顺序 ， 互 相 
之 间 用 空格 分 隔 即 可 。 可 以 使 用 的 列 级 完整 性 约束 如 表 4-2 所 示 。 


表 4-2 列 级 完整 性 约束 


类 别 约束 搬 述 
全 古 否 可 NULL 可 以 为 空 。 默 认 约 束 ， 定 义 中 可 以 省 略 
以 为 空 NOT NULL 不 可 以 为 空 


指定 缺 省 值 ”DEFAULT < 缺 省 值 > ”如果 记录 的 这 个 字段 值 没有 指定 ， 则 设置 为 默认 值 

自 定义 检查 。 CHECK(< 条 件 >) 。 ”根据 括号 中 的 条 件 凶 辑 表达 式 ， 判 断 字段 的 值 是 否 满足 约束 。 
该 表达 式 只 能 涉及 本 字段 

(0) I 5 SE eb 


现在 分 析 一 下 Category 表 的 字段 定义 。 该 表 一 共有 4 个 字段 ID 、Code、Name、 
Decription， 数 据 类 型 分 别 为 32 位 整数 、 可 变 长 字符 串 〈( 最 大 长 上 度 30)、 可 变 长 字符 串 〈 节 
大 长 度 250)、 可 变 长 字符 串 (最 大 长 度 1000)。 其 中 ID、Name 两 个 字段 不 允许 为 空 , Code、 
Description 字段 可 以 为 裤 。 而 且 ，ID 字段 是 上 自 增 长 字段 ， 初 始 值 为 1， 增长 步 长 为 1。 

2) 表 级 完整 性 约束 

表 级 完整 性 约束 用 于 定义 涉及 多 条 记录 或 多 张 表 的 完整 性 约束 ， 表 级 完整 性 定义 之 间 
或 者 和 衬 段 定义 之 间 都 用 “ ”分 陋 ， 表 4-3 给 出 了 第 用 的 表 级 完整 性 约束 ， 有 具体 的 格式 为 


CONSTRAINT < 约束 名 > < 约束 表达 式 > 
表 4-3 表 级 完整 性 约束 


类 别 约束 挡 述 
主键 PRIMARY KEY(< 主 键 列 定义 >) 定义 表 的 主键 ， 注 意 主 键 可 能 有 多 列 
外 键 FOREIGN KEY( (外 人 码 )) REFERENCES (被 ”定义 表 中 的 外 键 ， 以 及 外 键 对 应 的 主 表 和 主 
参照 表 )(《 对 应 列 )) 表 中 的 对 应 列 。 注 意外 键 可 能 是 多 列 
唯一 性 ”UNIQUE( ( 列 组 )) 表示 表 中 任意 两 条 记录 在 指定 列 组 上 的 取 值 
个 能 重复 


在 Category 表 的 定义 中 使 用 了 主键 约束 定义 卫 列 为 主键 , 主键 约束 名 为 PK_Category。 
表 级 约束 名 在 整个 数据 库 的 范围 内 都 不 能 重复 ， 所 以 表 级 约束 名 通常 会 采用 “约束 类 别 _ 
相关 表 名 相关 字 段 名 ”的 命名 方式 。 由 于 一 张 表 的 主键 只 能 有 一 个 ,所 以 在 足够 保证 命名 
唯一 性 和 可 读 性 的 时 候 ， 就 没有 必要 使 用 “相关 字段 名 ”这 部 分 了 。 

下 面 给 出 创建 Music 表 的 SQL 语句 : 


CREATE TABLE Musicl 
TD bigint IDENTITY (1, 1) NOT NULL, 
Code nvarchar (2U) NULL, 
Name nvarchar (100) NOT NULL, 
Authors nvarchar (100) NULL, 
Performers nvarchar (100) NULL, 
Photo nvarchar (1000) NULL, 
Description nvarchar (2000) NULL, 
PublishDate datetijme NULL, 
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Memo nvarchar (300) NULL., 
MediaType nvarchar(l1) NOT NULL DEFAULT("'0'), 
MediaFile nvarchar (1000) NULL, 
GoWhere nvarchar (100) NULL, 
Category ID int NOT NULL, 

CONSTRAINT PK Music PRIMARY KEY CLUSTERED (ID), 

CONSTRAINT FK Music Category FOREIGN KEY (Category ID) 
REFERENCES Category (ID) 

) 


请 读者 根据 前 和 面 的 设计 和 本 节 的 内 容 ， 仔 细 分 析 一 下 这 条 SQL 语句 。 这 里 补充 说 明 
两 点 : 

(1) MediaType 字段 ， 默 认 值 为 0。 注意 在 SQL 中 字符 串 的 界定 符 为 单 引 号 。 

(2) 表 级 约束 FE Music_ Category 为 外 键 , 参照 主 表 为 Category， 对 应 参照 字段 为 ID。 

4. 维护 基本 表 

在 软件 开发 过 程 中 ， 通 常会 不 断根 据 情况 完善 需求 、 设 计 ， 数 据 库 模型 也 不 例外 。 例 
如 ， 小 明 提 出 音乐 资料 的 代 但 是 必需 的 而 且 不 会 有 重复 ， 这 样 可 以 方便 得 找 ;另外 小 明和 觉 
得 严格 区 分 作者 和 表演 者 没有 必要 ， 直 接合 并 成 一 个 束 可 以 了 ; 小 明 还 硕 望 能 够 记录 目 己 
获得 荣 个 音乐 资料 的 花费 和 上 日期， 以便 统计 目 己 荣 段 时 间 在 音乐 库 上 的 投入 。 

同时 ， 在 创建 Music 表 时 ，MeidaType 字段 的 类 型 为 nvarchar(1), 但 实际 上 MusicType 
字段 值 固定 为 1 位 数字 ， 因 此 应 该 使 用 固定 长 度 字 符 串 类 型 nchar(1)， 因 为 对 于 DBMS 系 
统 来 说 ， 固 定 长 度 学 符 串 的 存储 效率 、 处 理 效 率 都 比 可 变 长 要 禹 。 

为 此 ， 需 要 更 新 需求 分 析 文 要 和 设计 文档 ， 并 所 成 对 Music 表 的 如 下 修改 : 中 修改 
Code 字段 约束 为 NOT NULL; 多 为 Code 字段 添加 表 级 唯一 性 约束 ; 加) 删除 Performers 字 
段 ; 增加 费用 字段 Cost 和 取得 日 期 字段 AcquiredDate; 加 修改 字段 MeidaType 的 类 型 为 
nchar(] )。 

修改 基本 表 的 SQL 语句 为 ALIER TABLE， 具 体格 式 为 

ALTER TABLE < 表 名 > ALTER/ADD/DROP < 列 /约束 > 
其 中 ALTER、ADD、DROP 表示 对 应 的 修改 操作 为 修改 、 增 加 、 删 除 。 

1) 修改 字段 

修改 字段 需要 把 原 有 列 所 有 的 定义 都 加 上 ， 然 后 用 新 的 定义 替换 需要 修改 的 部 分 。 因 
此 ， 修 改 Code 字段 为 不 允许 为 宇 的 SQL 语句 为 

ALTER TABLE Music ALTER COLUMN Code nvarchar (50) NOT NULL 
保留 了 Code 的 数据 类 型 定义 ， 把 列 约束 NULL 替换 成 了 NOT NULL。 

2) 增加 表 级 约束 

增加 表 约 束 时 所 用 的 语法 和 创建 表 时 的 语法 相同 。 为 Code 字段 增加 唯一 性 的 SQL 语句 : 


ALTER TABLE Music ADD CONSTRAINT UQ Music Code UNIQUE (Code) 


其 中 UQ Music Code 为 约束 名 ，UNIQUE 表示 是 唯一 性 的 约束 类 型 ，UNIQUE 后 面 括号 
中 束 是 需要 检查 唯一 性 的 字段 。 
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3) 删除 字段 

删除 学 段 只 需要 指定 需要 删除 的 字段 名 ， 但 如 果 该 字段 和 某 些 约束 有 关 的 话 ， 删 除 就 
会 失败 。 此 时 需要 首先 删除 或 修改 相应 的 约束 ， 然 后 才能 删除 字段 。 实 际 上 修改 字段 也 是 
如 此 ， 但 Peformers 字段 没有 这 个 问题 ， 所 以 直接 用 SQL 语句 : 


ALTER TABLE Music DROP COLUMN Performers 


删除 即 可 。 
) 增加 字段 
增加 字段 的 字段 定义 和 创建 表 时 的 字段 定义 相同 , 因此 增加 Cost 和 AcquiredDate 字段 
的 SQL 语句 为 


ALTER TABLE Music ADD Cost Decimal (10,2), AcquiredDate DateTime 


5) 删除 约束 
MeidaType 字段 市 有 默认 值 约束 ， 这 个 约束 会 限制 对 MeidaType 字段 的 修改 ， 为 此 击 
要 首先 删除 相关 的 约束 ， 然 后 修改 字段 ， 并 重建 约束 。 有 具体 的 SQL 语句 为 


ALTER TABLE Music DROP CONSTRAINT DF Music MediaType 1lFCDBCEB 
LTER TABLE Music ALTER COLUMN MediaType nchar (1) 

ALTER TABLE Music ADD CONSTRAINT DF Music MediaType 

DEFAULT(O0") FOR MediaType 


一 共 3 条 语句 。 第 1 条 为 删除 MediaType 的 默认 值 约束 ， 约 束 名 是 系统 自动 生成 的 ， 所 以 
有 些 怪异 。 第 2 条 是 修改 MediaType 的 数据 类 型 。 第 3 条 则 是 使 用 修改 表 的 方式 重建 默认 
值 约束 。 和 重建 的 约束 仍然 是 MediaType 字段 的 默认 值 ， 但 可 以 指定 约束 的 名 称 ， 所 以 为 了 
方便 管理 ， 创 建 那些 会 影响 修改 的 约束 最 好 使 用 能 指定 约束 名 的 方式 。 

5. 使 用 图 形 界 面 

通过 命令 来 创建 数据 库 和 表 ， 最 大 的 好 处 是 快捷 《如果 对 命令 很 熟悉 )， 可 以 实现 上 自 
动 化 。 而 图 形 界面 最 大 的 好 处 是 容易 上 手 、 直 观 ， 例 如 使 用 SSMS 新 建 表 ， 只 需要 右键 单 
击 对 和 象 资源 管理 器 中 的 “ 表 ” 这 个 节点 ， 在 弹出 亲 单 中 选择 “新 建 表 ”命令 ， 束 会 出 现 一 
张 定 义 表 字段 的 表格 。 各 种 数据 类 型 、 列 属性 的 设置 很 多 可 以 通过 选择 的 方式 来 完成 ， 而 
约束 的 定义 也 可 以 通过 单 击 对 应 的 工具 按钮 ， 然 后 在 弹出 对 话 框 中 进行 设置 ， 如 图 4-5 所 示 。 
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图 4-5 表 定 义 的 各 图 形 界 面 
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具体 的 操作 请 谈 者 目 行 探索 ， 下 面 通过 网 形 界面 输入 一 些 用 于 得 询 的 数据 。 右 键 单 击 
对 象 资源 管理 器 中 的 Category 表 ， 在 菜单 中 选择 “编辑 前 200 行 ”命令 ， 出 现 如 图 4-6 所 
示 的 数据 录入 界面 。 


“WINZ2KS\SQLE. .. dbo. Category | SQLAueryl. sql - WIHEES. ..* 


2 Kx 流行 流行 音乐 《Pop... 
IE y9 择 滚 择 滚 奈 ， 苋 文 ,,， 
4 XC 多 村 多 村 音乐 【Cou..， 


图 4-6 SSMS 中 表 数 据 录 入 界面 


输入 数据 的 操作 如 下 。 

。 当前 行 : 当前 行 左边 有 一 个 号 如 图 4-6 中 的 第 一 行 。 单 击 某 个 单元 格 可 以 选中 该 音 
元 格 ， 同 时 将 当前 行 切换 到 该 单元 格 所 在 行 。 

。 新 增 行 : 最 下 面 一 行 最 前 面 有 一 个 “*” 号 ， 所 有 值 为 NULL， 用 于 新 增 一 行 数据 ， 
数据 库 中 实际 上 并 不 存在 这 条 记录 。 

。 输入 数据 ; 选中 某 个 单元 格 〈 包 括 新 增 行 )， 可 以 在 该 单元 格 修改 或 录入 数据 。 

。 保存 数据 : 只 有 当 切换 当前 行 的 时 候 ，SSMS 才 会 把 正在 修改 或 新 增 的 数据 保存 到 
数据 库 中 。 切 换 单元 格 不 会 引起 数据 的 保存 操作 。 

。 删除 数据 :右键 单 击 选中 的 行 ， 选 择 “删除 行 ”命令 可 以 删除 所 有 选中 的 行 。 直 接 
生效 ， 无 须 保存 。 

图 形 化 界面 的 数据 表 操 作 和 电子 表格 非常 类 似 ， 补 充 说 明 以 下 几 个 注意 点 。 

。 自 增 列 ， 自 增长 的 列 无 须 输入 数据 ， 数 据 库 会 自动 赋值 。 删 除 菜 几 行 ， 已 经 生成 的 
自 增长 值 不 会 被 重新 使 用 。 新 增 记录 即使 保存 失败 ， 自 增长 的 值 也 已 经 生成 ， 生 不 
会 被 再 次 使 用 。 

。 外 键 值 ， 外 键 值 的 录入 没有 简便 方法 ， 只 能 通过 查看 参照 表 中 的 数据 来 确定 所 
的 值 ， 然 后 手工 输入 。 

。 空 值 : 如 果 希 望 把 某 个 单元 格 的 值 设 置 为 NULL， 需 要 通过 键盘 按 Ctrl+0 的 方式 录 
入 ， 直 接 清空 或 输入 字符 串 NULL 都 是 错误 的 方法 。 

请 读者 用 图 形 界面 为 Category 表 和 Music 表 填充 一 些 数据 ， 


4.3 查询 数据 


SQL 的 查询 命令 SELECT 功能 非常 强大 , 要 精通 它 必须 做 到 两 点 : 一 是 充分 理解 SQL 
集合 操作 的 特点 ; 二 是 不 断 地 学 习 和 练习 。 

1， 单 表 简 单 查询 

首先 来 学 习 最 简单 的 情况 ， 也 就 是 单 表 碍 询 ， 单 表 碍 询 的 SELECT 语句 基本 语法 为 

SELECT < 目标 字段 清单 > 


FROM < 表 名 > 
[WHERE < 条 件 >] 
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[ORDER BY < 排序 规则 > ] 

(1) 目标 字段 清单 

SELECT 碍 询 对 象 是 行 集合 ， 碍 询 结果 也 是 行 集合 。 目 标 宇 段 清 单 用 于 指定 租 询 结果 
行 包 合 了 哪些 字段 ， 可 以 用 “*” 来 表示 目标 字段 清单 是 得 询 对 象 的 所 有 字段 ， 实 际 上 目标 
字段 还 可 以 是 计算 表达 式 。 

这 种 挑选 菜 几 列 出 现在 结果 表 中 的 操作 称 为 投影 。 


(2) 表 名 
FROM 指定 查询 对 象 ， 也 就 是 查询 的 是 哪 张 表 。 实 际 上 ， 这 里 可 以 涉及 多 张 表 。 
(3) 条 件 


WHERE 指定 结果 行 应 该 满足 的 条 件 , 条 件 是 一 个 条 件 表达 式 , 可 以 用 邮 辑 运算 AND、 
OR、NOT 来 构成 复合 条 件 表达 式 。 条 件 表 达 却 可 以 由 字段 名 变量 和 第 量 构成 ， 还 可 以 包 
合集 合 运 算 、 骨 套 子 查 询 等 。 

注意 : 上 述 SELECT 语句 基本 语法 中 的 WHERE 条 件 用 “[]” 括 起 来 了 ， 这 在 SQL 语 
法 定义 中 表示 这 是 语句 中 的 可 选 部 分 ， 也 就 是 说 ， 一 个 完整 的 SELECT 语句 可 以 不 指定 任 
何 条 件 。 

(4) 排序 规则 

ORDER BY 也 是 可 选 部 分 ,用 于 指定 结果 表 中 记录 的 排列 顺序 。 昌 然 基 系 不 考 民 记录 
顺序 ， 但 实际 操作 中 有 序 表 还 是 很 章 用 的 。 排 序 规则 可 以 是 多 个 字段 的 列表 ， 表 示 按 照 各 
字段 的 字典 排序 ， 也 束 是 先 按照 第 1 个 字段 值 排序 ， 绸 按照 第 2 个 字段 值 排序 …… 

除了 指定 排序 字段 , 还 可 以 指定 每 个 字段 的 排序 方 问 , 在 排序 字段 名 后 的 ASC 表示 升 
序 (默认 ， 可 省 略 )，DESC 表示 降序 。 

由 于 SQL 是 高 度 非 过 程 化 的 语言 ， 所 以 在 使 用 但 询 语句 时 ， 首 先 要 确定 需求 ， 然 后 只 
要 将 需求 用 SELECT 语句 表 达 出 来 即 可 。 至 于 如 何 实 现 这 个 需求 ， 通 过 什么 样 的 途径 、 怎 
么 存 取 数 据 来 满足 需求 ，DBMS 会 全 权 处 理 。 这 也 是 关系 数据 库 的 强大 之 处 。 

在 MPMM 的 首页 中 需要 获取 所 有 的 首 乐 分 类 ， 列 在 页 和 面 左 侧 ; 在 单 击 茶 个 音乐 分 类 
后 ， 需 要 列 出 该 音乐 分 类 的 所 有 音乐 资料 。 获 取 所 有 首 乐 分 类 的 SQL 语句 为 

SELECT * 

FROM Category 


这 条 SELECT 语句 非常 简单 ， 完 全 可 以 写成 一 行 ， 但 应 该 养 成 将 不 同 部 分 分 成 多 行书 
写 的 习惯 ， 必 要 时 还 要 加 上 缩 格 ， 因 为 这 样 的 可 读 性 更 强 。 这 里 采用 “*” 表 示 获 取 所 有 字 
段 ， 考 虑 到 首页 其 实 并 不 需要 显示 分 类 的 详细 信息 ， 所 以 也 可 以 采用 指定 目标 字段 清单 的 
方式 : 


SELECT ID, Code, Name 
FROM Category 


这 样 查询 结果 中 只 有 3 个 字段 D、Code 和 Name， 而 且 字段 的 排列 顺序 就 是 SELECT 
语句 中 指定 的 顺序 。 可 见 ， 列 的 顺序 对 关系 来 说 是 无 所 谓 的 ， 但 实际 结果 必然 会 有 一 个 顺 
序 ， 这 个 顺序 有 时 候 会 影响 程序 的 编写 。 
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使 用 ORDER BY 可 指定 结 末 中 行 的 顺序 ， 例 如 按照 Name 字段 升序 、Code 字段 降序 
的 SQL 语句 : 


SELECTIT ID, Code, Name 
FROM Category 
ORDER BY Name ASC, Code DESC 


其 中 Name 后 面 的 ASC 可 以 省 略 。 
获取 未 个 音乐 分 类 的 所 有 音乐 资料 ， 需 要 使 用 WHERE 子 句 ， 对 应 的 SQL 语句 为 
SELECT * FROM Music 
WHERE Category ID = 2 
ORDER BY PublishDate 


也 就 是 获取 Music 表 中 所 有 Category ID 字段 值 为 2 的 全 字段 记录 ,， 按 发 布 日 期 升序 排列 。 
条 件 当 然 可 以 有 多 个 ， 例 如 想 要 获取 Category_ID 字段 值 为 2， 媒体 类 别 为 “文件 ”并 
且 文 件 字段 有 内 容 〈 非 空 ) 或 者 媒体 类 别 为 CD 的 所 有 音乐 资料 ， 对 应 的 SQL 语句 为 
SELECT * FROM Music 
WHERE Category ID = 2 AND 
( (MediaType = '0' AND MedlaFlle IS NOT NULL) OR MediaType = '1") 


其 中 的 条 件 表达 式 使 用 了 AND 和 OR，AND、OR 的 优先 级 和 一 般 的 程序 设计 语言 相同 ， 
AND 比 OR 要 噩 ， 所 以 用 括号 来 改变 计算 顺序 。 当 然 内 层 的 括号 其 实 并 不 需要 ， 纯 粹 是 为 
了 代码 更 容易 阅读 而 添加 的 。 

条 件 中 有 一 个 判断 MediaFile 字段 值 是 否 为 空 的 比较 式 需 要 特别 注意 ， 如 果 直 接 用 
MediaFile<>NULL 的 方式 ， 那 么 无 论 MediaFile 是 否 为 定 ， 结 果 都 是 NULL 而 不 是 True， 
所 以 无 论 如 何不 会 满足 条 件 ， 因 为 NULL 表示 “不 知道 ”， 所 以 无 法 直接 比较 。 为 此 ，SQL 
提供 了 ISNULL 和 ISNOT NULL 的 比较 方法 ， 用 于 判断 字段 人 “是 空 ” 和 “是 非 空 ”。 

2. 模糊 查找 

除了 精确 比较 ，SQL 还 有 一 种 称 为 模糊 碍 找 的 LIKE 比较 运算 人 符 。 在 MPMM 的 首页 
中 有 一 个 快速 查找 的 功能 : 输入 关键 字 ， 只 要 Name、Anuthors 或 Description 中 含有 这 个 关 
键 字 的 音乐 资料 , 都 需要 列 出 来 。 这 会 给 用 户 市 来 很 大 便利 ,比如 但 找 关 键 学 “天 ”的 SQL 
语句 |: 

SELECT * FROM Music 

WHERE Name LIKE '$ 大 %$' OR Authors LIKE '$% 大 $$" 

OR Description LIKE '$% 大 $$" 


用 于 表示 模糊 查找 内 容 的 字符 串 中 有 一 个 “%”， 这 叫做 通配符 。SQL Server 支持 的 通 
配 符 如 表 4-4 所 示 ， 注 意 不 同 的 DBMS 支持 的 通配符 有 所 不 同 

使 用 通配符 可 以 大 大 提高 查找 的 灵活 性 ， 但 如 果 查 找 的 关键 字 本 身 就 包含 通配符 又 访 
怎么 办 呢 ? 此 时 ， 可 以 利用 “[]” 将 通配符 转换 成 普通 字符 ， 例 如 “[%]” 就 是 表示 普通 字 
符 “%”。 请 读者 思考 如 果 使 用 
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SELECT * FROM Music WHERE Description LIKE "等 [[]] 委 " 


表 4-4 SQL Server 通配符 一 览 表 


通配符 说 明 示例 

% 任意 字符 串 % 天 %'， 任 意 位 置 包含 “天 ?” 

底 划 线 ， 表 任何 单个 字符 % 天 '， 倒 数 第 2 个 字符 为 “天 ” 

[] 指定 范围 或 集合 中 的 任何 单个 字符 "%6201[0-9]， 以 2010、2011、…、2019 结尾 
0%6201[2468]',， 以 2012、2014、…、2018 结尾 

十 不 属于 指定 范围 或 集合 的 任何 单个 字符 “"%201[^0-9]， 最 后 一 位 不 是 0、1、…、9 


"%201[^2468],， 最 后 一 位 不 是 2、4、6、88 


这 样 的 模糊 匹配 ， 那 租 找 的 是 什么 样 的 音乐 资料 ? 

3. 简单 连接 查询 

前 述 伍 询 音乐 资料 SQL 语句 的 结 末 存在 一 个 问题 , 只 能 看 到 音乐 资料 对 应 音乐 分 类 的 
ID， 而 不 知道 具体 的 音乐 分 类 的 名 称 。 对 于 开发 人 员 来 说 这 也 许 不 是 问题 ， 但 对 于 用 户 来 
说 会 觉得 哎 名 其 妙 。 要 解决 这 个 问题 就 需要 将 Category 表 和 Music 表 中 的 关联 记录 组 合 到 
一 起 ，SELECT 语句 通过 连接 碍 询 来 满足 这 样 的 需求 。 

什么 叫 连接 得 询 ? 最 简单 的 情况 就 是 两 张 表 的 包 卡 儿 积 ， 也 就 是 集合 4XB-{<a,b>la 
EA&&beB},4 表 中 的 每 条 记录 部 会 和 和 B 表 中 的 所 有 记录 “拼接 "在 一 起 ,例如 A4={1,2,3}， 
B={a,b}， 那 么 AXB={<1,a>, <1,b>, <2,a>, <2,b>, <3,a>, <3,b>}。 

获取 表 的 人 钾 卡 儿 积 的 SQL 语句 很 简单 ， 只 要 在 FROM 后 列 出 需要 连接 的 表 就 可 以 
本， 如; 


SELECT * 
FROM Category, Music 


就 可 以 求 出 Category 表 和 Music 表 的 全 连接 结果 ， 如 图 4-7 所 示 。 可 以 看 到 因为 Music 表 
有 7 条 记录 ， 所 以 “古典 ”分 类 重复 了 7 次 ， 而 每 件 音乐 资料 也 都 被 重复 了 多 次 ， 根 本 就 
搞 不 清楚 一 件 音乐 资料 究竟 属于 哪个 音乐 分 类 。 


Name | Description | ID | Code | Name 和 
古典 音乐 有 广 渤 、 儿 《w 之 分 。 广 守 星 指 四 洋 古 典 音 乐 ， 那 些 从 西方 中 世纪 开始 至 邻 的、 在 欧洲 主流 充 化 背景 下 创 ..，| 2 kldyloq | 克罗地亚 插 想 曲 
时 


古典 背 乐 有 三 兴 、 鲍 区 之 分 。 广 兴 是 指 四 洋 十 和 典 音 乐 ， 那 蔚 愉 四方 中 世纪 开始 至 今 的 、 在 欧洲 主流 文化 有 景 下 他 3 Scarborough Fair 

古典 音乐 有 三 兴 、 捷 兴 之 分 。 三 居 是 指 丁 洋 古典 音乐 ， 那 冯 从 国 方 中 世纪 开始 至 今 的 、 在 欧洲 主流 文化 月 景 下 创 56 ”xgals 。 ” 献 给 爱丽 毕 

古典 音乐 有 广 兴 、 狠 兴 之 分 。 广 汉 是 指 西 洋 古 典 音 乐 ， 那 些 从 本 方 中 世纪 开始 圣 今 的 、 在 欧洲 主流 文化 月 景 下 创 … 7 xpg 小 年 果 

吝 典 音乐 有 三光 、 皇 区 之 分 。 广 尖 是 朱 自 洋 圳 典 昔 乐 ， 那 蔚 从 同方 中 世纪 开 姐 圣 今 的 、 乍 区 洲 主流 文化 有 时下 创 .3 hkdk 海 阔 天 宪 

古典 音 朱 有 [三 *、 竺 兴 之 分 。 厂 兴 是 指 困 洋 古 典 音 乐 ， 那 些 从 一 万 中 世纪 开始 至 今 的 、 在 欧洲 主 深 康 化 背景 下 创 ..。 10 xtnsh  ， 想 听 听 你 中 席 

古典 音乐 有 广 兴 、 鱼 兴 之 分 。 广 愉 是 指 四 洋 古 典 音乐 ， 那 些 从 西方 中 世纪 开始 至 今 的 、 在 欧洲 主流 文化 有 景 下 创 … 12 test test 

流行 音 泉 《Pop music 或 Popular music) 准确 且 概念 应 为 商品 彰 乐 ， 是 指 以 暂 利 为 主要 目的 而 创作 的 韶 泉 。 它 的 艺 ..， | 2 kldyieq | 克 所 地 亚 插 想 曲 

流行 音乐 《Pop music 或 Popular music) 准确 和 概念 应 为 商品 音 泉 ， 是 指 以 疆 利 为 主要 目的 而 创作 的 疤 朱 <* 它 的 蕊 .. 3 革 Scarborough Fair 

流行 瘟 泉 《Pop music 或 Popular music) 准确 的 概 六 应 为 商品 音乐 ， 是 指 以 吊 刊 为 主要 目的 而 创作 的 音乐 * 它 的 世 ...， 6 ”xgals | 献 给 爱丽 些 

流行 音乐 《Pop music 或 Popular music) 准确 的 概念 应 为 商品 音乐 ， 是 指 以 栅 利 为 主要 目的 而 创作 的 音乐 。 它 的 艺 ， 7 xpg 小 苹果 

流行 音乐 《Pop music 或 Popular music) 准 硝 的 概念 应 为 商品 音乐 ， 是 指 以 冶 利 为 主要 目的 而 创作 的 音乐 它 的 艺 ... 39 hktk 海 国 天 空 

荣 行 10 xinsh | 想 听 听 你 襄 谎 
12 test te 区 


kk 


图 4-7 Category 表 和 Music 表 的 篆 卡 儿 积 


一 般 来 说 ， 很 少 有 求 笛 卡 儿 积 的 情况 ， 但 这 是 理解 所 有 连接 操作 的 基础 。 注 意 到 备 卡 
儿 积 的 结果 仍然 是 一 张 表 , 马上 就 可 以 知道 通过 SELECT 语句 的 投影 操作 可 以 从 中 选择 需 
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要 的 列 ， 通 过 WHERE 条 件 可 以 过 滤 不 合理 的 连接 绪 末 ， 例 如 实际 上 需要 的 得 询 SQL 为 


SELECT Music.ID, Music.Code, Music.Name, Authors, 
PublishDate, Category.Name 

FROM Category, Music 

WHERE Category.1ID = Category ID 


先 看 上 而 SQL 语句 中 的 字段 清单 ,由 于 Category 和 Music 表 中 都 有 JID、Code 和 Name 
字段 ， 所 以 在 指定 这 些 可 能 混 消 的 字段 时 ， 需 要 添加 表 名 前 缀 ， 如 Music.ID 就 表示 是 取 
Music 表 的 阵列 。 而 Authors 列 只 出 现在 Music 表 中 ， 所 以 可 以 省 略 表 名 前 级 。 在 表格 比 
较 复杂 搞 不 清楚 列 名 是 否 重 复 时 ， 不 妨 在 每 个 字段 前 都 加 上 表 名 前 级 。 

峰 看 WHERE 了 于 句 ，Music 表 中 的 Category_ID 是 参照 Category 表 的 外 键 ， 也 束 是 说 
华 卡 儿 积 中 ， 只 有 那些 Category ID 字段 值 和 Category.ID 字段 值 相 等 的 行 才 是 真正 关联 的 
行 。 因 此 通过 WHERE 条 件 表 达 式 ， 就 可 以 将 不 合理 的 行 过 滤 掉 。 这 个 条 件 确定 了 真正 应 
该 连接 的 对 应 行 的 条 件 ， 所 以 叫做 连接 条 件 ， 当 然 连 接 条 件 也 可 以 是 复合 条 件 表达 式 。 

连接 条 件 和 普通 条 件 都 可 以 放 在 WHERE 子 句 中 , 但 SELECT 语句 提供 了 更 规范 的 连 
接 条 件 表示 法 。 例 如 前 述 SQL 语句 可 修改 为 


SELECT ms.ID, ms.Code, ms.Name, ms.Authors, ms.PublishDate, ca.Name 
FROM Category ca JOIN Music ms ON ca.ID = ms.Category ID 
WHERE ms.Name LIKE '$ 小 $" 


在 FROM 子 名 中， 使 用 7 了 JOIN 和 ON 两 个 SQL 关键 字 。JOIN 表示 将 前 后 的 两 张 表 
连接 起 来 ， 而 ON 后 面 则 是 连接 条 件 。 

为 了 简化 指定 字段 时 用 的 表 名 前 级 ， 该 SQL 语句 还 使 用 了 表 别 名 ， 即 在 FROM 中 表 
名 后 跟随 了 男 一 个 名 称 。 如 Category ca 就 给 Category 表 取 了 一 个 临时 的 别名 ca， 这 样 在 
这 条 SQL 语句 中 需要 指定 Category 表 时 就 可 以 用 ca 来 代 蔡 。 

4. 其 他 连接 查询 

1) 多 表 连 接 人 查询 

音乐 资料 的 得 询 其 实 还 有 一 个 问题 ， 那 就 是 数据 库 中 音乐 资料 的 MediaType 保存 的 是 
代码 ， 对 于 用 户 来 说 也 是 很 难 理解 的 ， 有 必要 转换 成 文学 的 形式 。 将 代码 转 换 成 文字 的 技 
巧 有 很 多 ， 例 如 可 以 用 界面 的 代码 来 实现 转换 。 

这 里 用 数据 库 的 方式 来 解决 : 建立 代码 表 ， 通 过 连接 三 询 获取 代码 对 应 的 名 称 。 代 码 
表 的 定义 如 表 4-5 所 示 〈 其 中 IDX 表示 需要 建立 索引 来 提高 查询 效率 ， 这 将 在 下 一 篇 中 介 
绍 )， 请 自行 完成 表 的 创建 和 数据 的 填充 。 


表 4-5 代码 表 CodeNames 


字段 名 类 型 属性 说 明 

ID Int32 PK, IDENTITY 代码 ID 
Code String (10) IDX,，NOT NULL 代码 
Name String (250) NOT NULL 代码 名 称 


CodeFor ”String(50) ”IDX, NOTNULL 代码 用 途 , 例如 CodeFor="Music.MediaType'， 表示 为 
Music 表 的 MediaType 字段 提供 代码 转换 数据 
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现在 ， 查 询 音 乐 资料 可 以 连接 三 张 表 : Category、Music 和 CodeNames 表 ， 如 : 


SELECT ms.ID, ms.Code, ms.Name, ms.Authors, ms.PublishDate, 
ca.Name AS CategoryName, cn.Name AS MediaTypeName 
FROM Category ca JOIN Music ms ON ca.ID = ms.Category ID 
JOIN CodeNames cn ON ms.MediaType = cn.Code 
AND cn.CodeFor='Music.MediaType' 


为 了 理解 这 个 查询 中 的 连接 ， 可 以 把 Category 和 Music 表 的 连接 看 成 是 一 线 “ 大 表 风 
那么 第 二 个 JOIN 就 是 连接 这 张 “ 大 表 ” 和 CodeNames 表 。 同 样 的 道理 ， 如 果 需 要 ， 还 可 
以 继续 用 JOIN 连接 其 他 的 表 ， 这 就 是 多 表 连 接 查 询 。 

查询 中 和 CodeNames 表 的 连接 条 件 是 复合 条 件 ， 指 定 了 连接 的 代 人 记录， 不 但 Code 
字段 值 要 和 ms.MediaType 字段 但 相等 ， 而 且 其 代 但 用 途 应 该 为 Music.MediaType。 

男 外 在 这 个 查询 结果 中 msName、caName 和 cnName 的 字段 名 都 是 Name， 为 了 能 
在 结果 中 加 以 区 分 ， 使 用 了 AS 来 定义 字段 别名 。 例 如 ca.Name AS CategoryName 表示 得 
询 结 果 中 ca.Name 列 改 名 为 CategoryName。 

但 注意 ， 字 段 别 名 只 作用 于 查询 结果 ，SELECT 语句 中 只 能 用 AS 定义 字段 别名 ， 而 
不 能 使 用 别名 来 指定 字段 ， 这 点 和 表 别 名 区 别 很 大 。 

2) 反 吴 连接 奋 询 

现在 考虑 一 个 问题 ， 如 果 小 明 布 户 首 乐 分 类 可 以 有 层次 结构 ， 例 如 在 流行 首 乐 下 进 一 
步 细 分 欧美 、 日 本 、 港 台 和 大 陆 等 子 类 别 。 显 然 ， 上 级 分 类 和 下 级 分 类 之 则 是 1:n 的 联系 ， 
因此 可 以 在 分 类 表 中 增加 一 列 Parent ID, 用 于 存放 该 分 类 所 属 的 上 级 分 类 。 这 也 是 一 个 外 
键 ， 参 照 的 是 同一 张 表 的 主键 ID 字段 。 因 为 项 级 分 类 没有 上 级 分 类 ， 所 以 该 字段 还 应 该 
允许 为 空 。 相 应 修改 Category 表 的 SQL 语句 为 


ALTER TABLE Category ADD Parent ID int 
ALTER TABLE Category ADD CONSTRAINT FK Category ParentCategory 
FOREIGN KEY (Parent ID) REFERENCES Category (ID) 


如 果 在 获得 音乐 资料 所 属 音乐 分 类 时 ， 还 希望 知道 其 所 属 的 上 级 音乐 分 类 , 则 SQL 为 


SELECT ms.ID, ms.Code, ms.Name, ms.Authors, ms.PublishDate, 


ca.Name AS CategoryName, cn.Name AS MediaTypeName, 
pca.Name as ParentCategoryName 
FROM Category ca JOIN Music ms ON ca.ID = ms.Category ID 
JOIN CodeNames cn ON ms.MediaType = cn.Code 
AND cn.CodeFor='Music.MediaType' 
JOIN Category pca ON ca.Parent ID = Pca.ID 


注意 FROM 子 句 中 Category 表 出 现 了 两 次 , 第 一 次 作为 Music 表 外 键 Category ID 的 
主 表 ， 第 二 次 则 作为 Category 表 外 键 Parent_ID 的 主 表 。 应 该 把 它们 理解 为 两 张 表 ， 只 不 
过 它们 的 内 容 是 一 模 一 样 的 。 为 了 能 够 区 分 这 两 张 表 ， 给 它们 取 了 不 同 的 别名 ， 第 一 张 叫 
ca， 第 二 张 叫 pca。 实 际 上 ， 同 一 张 表 可 以 在 一 个 查询 中 出 现 多 次 ， 每 次 出 现 都 应 该 当 作 
另 一 张 表 来 看 待 ， 这 是 完成 许多 复杂 查询 的 一 种 技巧 。 
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另外 , 在 目标 字段 列表 中 增加 了 字段 pca.Name,， 这 就 是 Category 作为 上 级 分 类 表 时 的 
Name 字段 。 

3) 外 连接 得 询 

执行 上 述 SQL 语句 ， 还 有 一 个 严重 的 问题 : 很 多 音乐 资料 并 没有 出 现在 结果 中 ， 为 什 
么 呢 ? 为 了 催化 问题 ， 分 析 下 面 的 反 身 连接 SQL 语句 : 


SELECT ca.ID, ca.Code, ca.Name, 
pca.Code as ParentCode, pca.Name as ParentName 


FROM Category ca JOIN Category pca ON ca.Parent ID = pca.1D 


执行 后 会 发 现 只 列 出 了 存在 上 级 音乐 分 类 的 那些 音乐 分 类 ， 所 以 前 述 查询 音乐 资料 的 SQL 
只 能 得 到 属于 这 些 下 级 音乐 分 类 的 音乐 资料 。 一 级 音乐 分 类 为 什么 没有 出 现在 结果 中 呢 ? 
执行 下 面 的 SQL 语句 可 以 帮助 理解 这 个 结果 : 


SELECT ca.ID, ca.Code, ca.Name, 

pca.Ccode as ParentCode, pca.Name as ParentName 
FROM Category ca, Category pca 
WHERE ca.Parent ID = pca.1ID 


这 是 连接 查询 的 等 价 形式 ， 也 是 理解 连接 查询 的 关键: 这 个 查询 首先 获取 侍 卡 儿 积 ， 
然后 从 中 挑 出 所 有 满足 ca.Parent ID=pca.ID 的 记录 。 那 些 一 级 音乐 分 类 ， 由 于 Parent ID 
为 NULL， 上 所 以 不 会 满足 这 个 连接 条 件 。 

其 实 ， 需 要 达到 的 目标 是 : 列 出 所 有 的 音乐 分 类 ; 如 条 这 个 音乐 分 类 有 上 级 音乐 分 类 ， 
那么 连接 这 个 上 级 音乐 分 类 ; 否则 , 给 这 个 音乐 分 类 连接 一 个 值 为 NULL 的 上 级 分 类 ”。 要 
达到 这 个 目标 ， 就 需要 用 到 “外 连接 查询 ”。 外 连接 查询 分 为 “ 左 外 连接 ”“ 右 外 连接 ”和 
“全 外 连接 ”， 对 应 的 连接 运算 符 为 LEFT OUTER JOIN、RIGHT OUTER JOIN 和 FULL 
OUITER JOIN, 

外 连接 中 的 “ 左 ”“ 右 ”和 “全 ”， 实际 上 表明 了 参与 外 连接 的 表 的 行为 。 以 左 外 连 
接 为 例 ,“ 左 ”表示 连接 运算 符 左 边 的 表 为 “保留 表 ”， 也 就 是 如 果 这 个 表 的 记录 在 右边 表 
中 没有 满足 连接 条 件 的 记录 ， 那 就 提供 一 个 NULL 记录 来 匹配 它 ， 从 而 将 这 条 记录 保留 在 
连接 结果 中 。 右 外 连接 则 刚好 相反 ;而 全 外 连接 则 同时 保留 两 张 表 中 没有 找到 连接 对 象 的 

利用 外 连接 ， 正 确 的 得 询 音乐 分 类 和 上 级 音乐 分 类 SQL 为 


SELECT ca.ID, ca.Code, ca.Name, 
pca.Code as ParentCode, pca.Name as ParentName 


FROM Category Ca LEFT OUTER JOIN Category pca ON ca.Parent ID = pca.ID 
同 理 ， 可 以 写 出 “获得 首 乐 资料 的 首 乐 分 类 同时 获取 其 上 级 首 乐 分 类 ”的 SQL 为 
SELECT ms.ID, ms.Code, ms.Name, ms.Authors, ms.PublishDate, 

1 DBMS 实际 执行 过 程 不 一 定 是 这 样 ， 但 这 样 理解 可 以 得 到 正确 的 结果 。 


2 因为 一 张 表 只 有 一 个 关系 模式 ,所 有 行 的 列 都 应 该 是 一 样 的 ,一 级 分 类 虽然 没有 可 连接 的 上 级 分 类 ， 
但 对 应 上 级 分 类 的 结果 列 不 能 少 ， 所 以 取 值 为 NULL 是 最 合理 的 。 


6 各 ”Web 程序 设计 


ASP.NET 项 目 实 训 


ca.Name AS CategoryName, cn.Name AS MediaTypeName, 
pca.Name as ParentCategoryName 
FROM Category ca JOIN Music ms ON ca.ID = ms.Category ID 
JOIN CodeNames cn ON ms.MediaType = cn.Code 
AND cn.CodeFor='Music.MediaType' 
LEFT OUTER JOIN Category pca ON ca.Parent ID = pca.1ID 


相对 于 外 连接 ， 原 来 的 JOIN 连接 叉 称 为 内 连接 ， 完 整 的 连接 运算 从 为 INNER JOIN, 
通常 可 以 省 略 INNER。 实 际 上 外 连接 中 的 OUTER 也 可 以 省 略 。 

当 连 接 运 算 混合 使 用 了 多 个 内 、 外 连接 的 时 候 怎么 理解 连接 结果 呢 ? 很 简单 ， 从 前 往 
后 依次 考虑 每 个 连接 运算 的 结果 ， 将 该 结果 作为 一 个 表 参 与 下 一 个 连接 运算 。 甚 全 可 以 用 
括号 改变 连接 运算 的 顺序 ， 但 无 论 何 种 情况 ， 连 接 运 算 的 结果 束 是 一 张 表 ， 可 以 继续 参与 
其 他 的 连接 运算 。 

s。， 髋 套 查 询 

无 论 是 单 表 查询 还 是 多 表 查 询 ， 学 会 用 集合 的 思想 去 理解 SQL 语言 是 关键 : 表 其 实 就 
是 行 的 集合 ， 为 此 ，SQL 语言 中 还 提供 了 很 多 针对 集合 的 操作 。 例 如 集合 的 基本 运算 有 并 
集 、 交 和 集 和 差 集 ， 因 此 SQL 提供 了 UNION、INTERSET 和 EXCEPT 三 个 集合 运算 符 ， 可 
以 用 于 计算 两 个 查询 结果 的 并 集 、 人 交集 和 差 集 。 具 体 的 用 法 比较 简单 ， 请 读者 自行 查阅 

除了 把 查询 结果 直接 作为 集合 进行 集合 运算 外 ，SQL 还 支持 几 个 对 集合 进行 判断 的 运 
算 符 ， 分 别 是 IN、EXISTS、ALL、ANY， 下 面 详细 介绍 IN 和 了 EXISTS。 至 于 ALL 和 ANY 
可 以 用 EXISTS 来 代替 ， 并 不 常用 。 

1) IN 

IN 用 于 判断 某 个 值 是 否 属于 一 个 集合 ， 或 者 说 集合 是 否 包 含 了 这 个 值 。 例 如 小 明 希 望 
找 出 所 有 属于 古典 (ID=1)〉 和 摇滚 〈ID=3) 类 别 的 音乐 ， 那 么 SELECT 语句 中 WHERE 
的 条 件 表达 式 应 该 是 Category_ID=1 OR Category_ID=3。 但 使 用 集合 IN 的 SQL 语句 则 为 


SELECT * FROM Music 
WHERE Category ID IN (1,3) 


其 中 “(1.3)” 为 直接 提供 的 集合 ， 集 合用 括号 表示 ， 集 合 中 的 元 素 用 去 号 分 隔 。 
用 IN 取代 多 个 OR 连接 的 等 于 比较 式 ， 更 简洁 、 方 便 ， 而 且 集 合 中 的 元 素 可 以 是 
SELECT 语句 查询 出 来 的 结果 。 例 如 : 


SELECT * FROM Music 

WHERE Category ID IN ( 
SELECT ID FROM Category 
WHERE Parent ID IS NOT NULL 

) 


这 个 SQL 能 够 获取 所 有 属于 非 一 级 音乐 分 类 (Parent ID IS NOT NULL) 的 音乐 资料 。 
其 中 


SELECT ID FROM Category 
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WHERE Parent ID Is NOT NULL 


是 但 询 中 的 但 询 ， 所 以 称 为 通 父 子 租 询 ， 它 获取 所 有 非 一 级 音乐 分 类 的 ID 值 ， 构 成 一 个 
集合 。 由 于 IN 比较 的 是 值 ， 所 以 必须 限定 子 但 询 获 取 的 表 中 只 能 有 一 列 。 
2) EXISTS 
EXISTS 的 意思 是 “存在 ”用 于 判断 一 个 集合 是 售 为 非 空 , 也 就 是 集合 中 存在 看 元 素 。 
和 IN 运算 符 中 的 不 同 之 处 在 于 EXISTS 中 的 集合 必须 是 攻 个 合 询 的 结果 。 所 以 EXISTS 必 
然 用 到 柑 套 子 查 询 ， 而 且 子 查询 的 条 件 通 常 应 该 和 外 层 查 询 涉及 的 内 容 有 关 。 例 如 ， 使 用 
EXISTS 来 实现 “查询 所 有 一 级 音乐 分 类 的 音乐 资料 ”的 SQL 为 
SELECT * FROM Music ms 
WHERE EXISTS ( 
SELECT * FROM Category ca 
WHERE ca.ID = ms.Ccategory ID AND ca.Parent ID IS NOT NULL 


) 
其 中 子 碍 询 的 条 件 caID=ms.Category ID 引用 了 外 层 表 的 ms.Category ID 字段 。 
如 果 瞬 人 套子 介 询 中 引用 了 外 层 表 的 字段 ， 那 么 相当 于 用 了 循 环 : 对 于 外 层 表 的 每 条 记 


录 ， 孝 会 执行 一 次 藤 僚 于 但 询 ， 以 确定 判断 结果 。 如 上 述 SQL 而 言 ， 每 个 Music 表 中 的 记 
录 和 部 会 执行 一 次 人 鞭 父子 得 询 ， 如 果 这 个 字 但 询 结 朱 为 衬 ， 则 该 音乐 资料 不 满足 条 件 ; 否则 
该 音乐 资料 满足 条 件 。 

联 套子 查询 功能 非常 强大 ， 同 时 效率 似乎 很 低 。 但 对 于 EXISTS 判断 ， 因 为 只 要 能 够 
找到 一 条 满足 子 僵 询 的 记录 就 可 以 得 到 “存在 ”的 结论 ， 所 以 实际 执行 效率 还 是 可 以 接 
受 的 。 

和 “存在 ”相反 的 逻辑 是 “不 存在 ”在 EXISTS 判断 表达 式 前 使 用 NOT 否定 逻辑 运 
算 付 ， 束 构成 了 表示 不 存在 的 判断 。 例如， 小 明 想 要 会 找 “ 别 贯 的 首 乐 分 类 ”， 也 就 是 该 首 
乐 分 类 下 所 有 音乐 资料 取得 价格 都 在 10 元 以 上 不 含 未知 价 格 )， 对 应 SQL 语句 为 

SELECT * FROM Category ca 

WHERE NOT EXISTS ( 

SELECT * FROM Music ms 
WHERE ca-ID = ms.Category ID AND ms .Cost<10 
) 


因为 未 知 价格 的 Cost 字段 值 为 NULL， 所 以 一 定 不 会 满足 Cost<10 的 判断 。 如 果 想 把 
未 知 价格 认定 为 非 昆 贵 的 音乐 资料 ， 应 该 修改 SQL 语句 为 
SELECT * FROM Category ca 
WHERE NOT EXISTS ( 
SELECT * FROM Music ms 
WHERE Ca-ID = ms.Category ID AND (ms.cost<10 OR ms.Cost IsS NULDL) 
) 


但 是 两 个 SQL 语句 部 有 一 个 问题 如 果 该 分 类 下 没有 任何 首 乐 资料 ， 奢 这 个 分 类 也 是 
满足 条 件 的 。 这 不 太 符 合 一 般 的 认识 ， 也 残 是 再 要 排除 那些 没有 任何 音乐 资料 的 分 类 ， 或 
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者 说 首 乐 分 类 还 应 该 满 许 “存在 属于 该 首 乐 分 类 的 首 乐 资料 ”这 个 条 件 。 转 换 成 SQL 语句 为 


SELECT * FROM Category ca 


WHERE NOT EXISTS ( 


SELECT * FROM Music ms 
WHERE ca.ID = ms.Category ID AND (ms.Cost<]10 OR ms.Cost IS NULL) 


) AND EXISTS ( 


) 


SELECT * FROM Music ms 
WHERE ca-ID = ms.Category ID 


显然 EXISTS 判断 表达 式 的 结果 是 逻辑 值 ， 可 以 参与 AND、OR、NOT 的 逻辑 运算 。 


站 题 4 
一 、 选 择 题 
1. 下列 关于 SQL 语言 特点 的 介绍 正确 的 是 (  ”)。 


EE 


A) 专注 于 数据 库 香 询 操作 ， 缺 少 操作 、 定 义 和 控 制 方面 的 功能 

B) 高 度 过 程 化 ， 通 过 指定 执行 计划 来 实现 数据 库 的 操作 

C) SQL 操作 的 对 象 或 者 返回 的 结果 都 是 以 集合 为 单位 的 

D) 采用 英语 目 然 语 言 来 描述 ， 规 则 复杂 ， 非 彰 难 学 

在 关系 数据 库 中 ， 实 现 “ 表 任意 两 行 不 能 相同 ”的 约束 是 靠 〈 ) 来 实现 的 。 
A) 外 部 关键 字 B) 属性 C) 主 关 键 字 D) 列 

为 了 便于 理解 SQL 语言 ， 通 第 将 SQL 语言 按照 用 途 分 为 3 类 ， 以 下 ) 不 属 


于 这 三 类 。 


= 


A) 数据 定义 语言 (Data Definition Language，DDFL ) 

B) 数据 操纵 语言 (Data Manipulation Laneuage, DML) 

C) 数据 控制 语言 (Data Control Language，DCL ) 

D) 数据 基础 语言 (Data Base Language，DBL ) 

关于 SQL Server 常用 的 数据 类 型 ， 以 下 描述 ( ) 是 错误 的 。 

A) 整数 根据 大 小 可 以 分 为 smallint、int 和 bigint 三 种 类 型 。 

B) 浮 点 数 float 和 一 般 编 程 语言 中 的 整 型 一 样 ， 无 法 傈 证 数据 的 精确 性 。 
C) 逻辑 型 的 数据 类 型 为 bool。 

D) 金额 或 其 他 需要 确保 准确 的 数据 ， 应 该 使 用 numeric 或 decimal 类 型 。 
A) CREATE DATABASE < 数据库 名 > 

B) INSERT DATABASE = 数据 库 名 > 

C) CREATE < 数据 库 名 > 

D) INSERT < 数据 库 名 > 


= [三 | 
二 、 填 空 题 


1. 当 在 一 个 非 空 表 上 增加 主键 时 ，SQL Server 会 对 表 中 的 数据 进行 检查 ， 以 确保 这 些 


第 4 章 创建 并 访问 数据 库 人 

数据 能 够 满足 主键 约束 的 要 求 ， 也 就 是 和 

2. 如 果肉 套子 查询 中 引用 了 外 层 表 的 字段 ， 那 么 对 于 都 会 执 

一 次 舱 套 子 租 询 。 

c= ee 

( ， 进 行 多 表 查 询 时 ， 既 可 以 在 JOIN 中 建立 连接 条 件 ， 也 可 以 在 WHERE 中 
WA 

( ) 2. SQL 中 用 NULL 表示 空 值 ， 因 此 要 找 出 所 有 ParentID 字段 为 空 值 的 
WHERE 条 件 为 ParentD=NULL 。 

) 3. SQL Server 中 的 字符 串 分 为 固定 长 度 的 nchar 和 按 实际 长 度 占用 存储 空间 
的 可 变 长 nvarchar。 

1. 数据 库 中 现 有 三 张 表 格 ， 见 表 4-6 一 表 4-8。 


表 4-6 学 生 表 Student 表 4-7 课程 表 Course 表 4-8 选课 表 SC 
学 号 姓名 性 别 年 龄 。 系 别 课 号 课程 名 学 分 学 号 课 号 成绩 
1 张 三 男 20 计算 机 1 SQL 4 1 | 90 
Server 
李 四 女 19 经 管 2 大 学 英语 3 2 | 85 
3 于 五 “ 男 22 化 学 3 面 加 对象 4 2 77 
4 赵 六 女 21 上 于 5 3 58 
5 孙 七 “ 男 24 计算 机 
与 出 下 列 SQL 语句 : 


(1) 获取 所 有 计算 机 系 的 学 生 姓 名 和 年 龄 

(2) 找 出 姓 “ 李 ”的 所 有 学 生 : 

(3) 找 出 学 分 不 足 4 分 的 课程 名 称 

(4) 列 出 有 课程 不 及 格 的 学 生 学 号 、 姓 名 、 系 别 和 课程 名 。 

2. 为 《个 人 通讯 录 》 创 建 SQL Server 数据 库 ， 并 使 用 命令 的 方式 根据 关系 模型 创建 
数据 库 表格 ， 然 后 使 用 图 形 界面 手工 为 表格 添加 一 定数 量 的 数据 。 


学 习 目 标 

。 了 解数 据 库 引擎 和 ADONET 的 作用 ; 

。 掌握 组 装 SQL 语句 的 技巧 ; 

。 理解 连接 字符 串 的 人 作用， 掌握 通 过 DbConnection 对 象 连接 数据 库 的 方法 ; 
。 了 解 try…catch…finally 的 异常 处 理 在 数据 库 访问 中 的 应 用 ; 

。 理解 DbCommand 对 象 执 行 SQL 语句 的 三 种 方法 以 及 使 用 场合 ; 

。 笃 握 使 用 DataReader 对 象 的 标准 步骤 ; 

e。 了 了 解 SELECT 语句 中 使 用 TOP 参数 限制 获取 记录 的 数量 ; 

。 基本 掌握 使 用 数据 库 中 的 数据 动态 组 装 HIML 代 公 的 技巧 ; 

。 掌握 查找 功能 的 实现 方法 , 理解 ASPNET 事件 , 深刻 理解 回 发 (Postback) 的 概念 ; 
。 掌握 ASPNET 控件 Label、TextBox 和 Button 的 使 用 ; 

。 了 解 如 何 使 用 面向 对 象 编程 方法 ， 避 免 重 复 书 写 相 同 代 人 码 片段 ; 

。 了 解 网 站 发 布 的 安全 性 问题 。 


SQL 语言 具有 强大 的 查询 能 力 ， 但 小 明 只 是 一 名 音乐 爱好 者 ， 让 他 使 用 SQL 语言 直 
接 操纵 数据 库 既 不 现实 ， 也 不 安全 。 正 确 的 做 法 ， 应 该 采用 SQL 语言 的 另 一 种 用 法 : 藤 入 
到 应 用 开发 语言 中 , 通过 应 用 软件 来 完成 对 数据 库 的 管理 。 本 章 介 绍 如 何在 ASPNET 中 使 
用 SQL 语言 获取 僵 询 结果 ， 最 终 正式 实现 MPMM 系统 的 各 个 前 台 页 和 面 。 

应 用 程序 使 用 SQL 语言 的 基本 模式 是 将 命令 发 送 给 DBMS， 然 后 获取 DBMS 返回 的 
结果 。 但 实际 上 这 里 面 涉 及 很 多 问题 ， 例 如 : 如 何 寻 找 DBMS? 如 何 发 送 命 令 ? 如 何 获 取 
返回 的 数据 ?怎么 知道 这 个 数据 是 发 给 哪个 程序 (进程 ) 的 以 及 返回 的 数据 是 对 哪 条 命令 的 
回复 ? DBMS 怎么 知道 应 用 程序 是 不 是 合法 的 数据 库 访 问 者 ? 

ADONET 数据 库 引 擎 帮助 ASPNET 的 开发 人 员 解 决 了 所 有 这 些 问 题 。 对 于 开发 人 员 
来 说 ， 所 谓 ADO.NET 数据 库 引 擎 就 是 指 一 组 对 象 ， 通 过 对 象 的 属性 和 方法 就 可 以 完成 和 
DBMS 之 间 的 通信 ， 以 及 返回 结果 数据 的 提取 。 


S.1 连接 数据 库 


要 和 DBMS 进行 通信 ， 需要 使 用 数据 库 连接 对 象 和 DBMS 建立 连接 。 所 谓 建 立 连接 ， 
相当 于 在 应 用 程序 和 DBMS 之 间架 设 一 个 “通信 管道 "。 应 用 程序 通过 连接 对 象 连 接 到 特 


1 对 网 站 而 言 ， 前 台 指 数据 展示 ， 普 通用 户 使 用 的 页 面 :后 人 台 指 管理 员 维护 数 据 的 页 面 。 
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定 DBMS， 然 后 癌 连 接 对 象 发 送 SQL 语句 束 可 以 将 命令 发 送 给 这 个 DBMS， 并 可 以 从 连 
接 对 象 获 取 返 回 结果 。 
对 于 ADONET 而 言 ， 不 同 的 DBMS 对 应 着 不 同 数据 库 连 接 (Connection) 对 象 类 ， 
但 它们 都 继承 自 DbConnection 这 个 抽象 基 类 , 具有 相同 的 使 用 的 方法 。 具体 如 表 5-1 所 示 。 


表 5-1 ADO.NET 数据 库 连 接 对 象 


名 称 命名 空间 描述 

SqlConnection System.Data.SqlClient 表示 连接 SQL Server 的 连接 对 象 
OleDbConnection System.Data.OleDb 表示 连接 OleDb 数据 源 的 连接 对 象 
OdbcConnection System.Data.Odbec 表示 连接 ODBC 数据 源 的 连接 对 象 
OracleConnection System.Data.OracleClient 表示 连接 Orale 数据 库 的 连接 对 象 


1.。 Conection 对 象 基本 使 用 过 程 

(1) 定义 连接 字符 串 ; 

(2) 创建 连接 对 象 ; 

(3) 建立 连接 ; 

(4) 通过 连接 完成 一 项 或 多 项 数据 库 操作 : 

(5) 上 断 开 连接 ; 

(6) 释放 连接 对 象 。 

2 连接 字符 串 

连接 对 象 可 以 连接 不 同 的 DBMS， 其 至 连接 一 些 简单 的 文件 型 数据 库 ， 如 Excel、 特 
定格 式 的 文本 文件 等 。 通常 把 不 同 的 DBMS 或 文件 型 数据 库 叫做 数据 源 。 连接 对 象 必须 清 
条 地 了 解 所 连接 的 数据 源 ， 这 是 通过 连接 字符 串 来 实现 的 。 

连接 字符 串 ， 告 诉 ADO.NET 数据 源 在 哪里 ， 需 要 什么 样 的 数据 格式 ， 提 供 什么 样 的 
访问 信任 级 别 以 及 其 他 任何 包括 连接 的 相关 信息 。 连 接 字符 串 由 一 组 元 素 组 成 ， 一 个 元 素 
包含 一 个 键 值 对 ， 元 到 之 间 由 “;” 分 开 ， 语 法 为 


keyl=valuel; key2=value2; key3=value3" 


不 同 的 数据 源 ，key 和 value 也 不 同 ， 实 际 操作 中 可 用 专门 的 工具 来 生成 ， 也 可 用 程序 
代 人 码 使 用 拼接 字符 串 的 方式 ， 或 者 使 用 ADONET 提供 的 DbConnectionStringBuilder 类 来 
帮助 生成 。 在 VS 中 (通过 “视图 ”菜单 ) 打开 “服务 器 资源 管理 器 ” 右键 单 击 “ 数 据 连 
接 ” 攻 点 ， 在 弹出 来 单 中 选择 “添加 连接 ”命令 ， 出 现 如 疼 5-1 的 “添加 连接 ”对 话 框 。 

以 连接 SSE 为 例 。 单 击 数据 源 选 项 后 面 的 “和 更改” 按钮 ， 选 择 Microsoft SQL Server， 
然后 选择 数据 提供 者 为 “用 于 SQL Server 的 .NET Framework 数据 提供 程序 ”。 

在 “服务 器 名 ”中 输入 Win2k8\SQLExpress。 其 中 Win2k8 是 DBMS 服务 器 的 计算 机 
名 ，SQLExpress 则 是 DBMS 的 实例 名 ， 实 际 使 用 时 要 蔡 换 成 具体 的 服务 器 参数 ， 并 注意 
和 斜 杠 的 方 回 。 如 果 连 接 默 认 的 实例 ， 那 么 类 枉 和 实例 名 可 以 省 略 。 

连接 的 计算 机 名 不 能 省 略 ， 但 对 于 SQL Server 来 说 可 以 有 以 下 几 种 指定 方法 。 

(1) 指定 计算 机 名 。 注 意 在 网 络 环境 下 ， 计 算 机 名 不 一 定 能 被 识别 。 

(2) 如 果 连 接 本 机 的 SQL Server， 则 可 以 用 “.” 来 代替 计算 机 名 。 
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(3) 启用 SQL Server 网 络 配置 中 的 TCP/IP 协议 ， 可 以 用 卫 地 址 代替 计算 机 名 '。 


Microsoft SQL Server (SqlClient) 


服务 器 名 司 ): 


章 录 到 服务 请 

周 使 用 Windows 身份 验证 (W) 
同 使 用 SQL Server 身份 验证 (QO) 
用 户 名 (LU): [| 


窗 公 必 ): 


保存 窗 友 (8) 
连接 天 数据 库 
@ 选 择 或 辆 入 数 撕 库 名 称 上 加): 


图 5-1 “添加 连接 ”对 话 框 


在 “登录 a 到 服务 器 ”中 , 对 于 网 站 应 用 通 痢 应 该 选择 默认 的 “使 用 Windows 号 份 验 证 ”。 
如 果 要 使 用 SQL Server 身份 验证 ， 则 需要 局 用 SQL Server 的 混合 身份 验证 模式 ， 并 配置 相 
应 的 DBMS 用户、 密码、 权限。 

答 入 服务 费 名 后 ， 图 5-1 中 “连接 到 数据 库 ” 区 域 裤 激活， 其 中 可 以 指定 连接 默认 操 
作 的 数据 库 。 如 果 不 指定 ， 则 会 默认 使 用 master 数据 库 ， 这 里 需要 选择 MpmmDB 作为 默 

单 击 “测试 连接 ”按钮 ， 可 以 确定 连接 字符 串 配 置 是 否 正确 。 最 后 单 击 “确定 ”按钮 
保存 连接 字符 串 配置 ， 此 时 在 数据 库 连 接 节 点 下 增加 一 个 新 的 数据 库 节 上 点。 选中 这 个 太 点 ， 
在 属性 窗口 中 可 以 看 到 市 点 的 属性 ， 其 中 的 值 就 是 连接 字符 串 。 

很 多 时 候 ，VS 会 目 动 使 用 服务 器 资源 管理 器 中 的 数据 库 连 接 ， 一 旦 使 用 VS 会 将 连接 
学 符 串 保存 在 应 用 系统 的 Web.config 配置 文件 中 。 开 发 工具 的 目 动 化 能 提高 开 友 效率 ， 但 
不 利于 初学 者 和 车 握 怕 理 。 所 以 ， 建 议 从 属性 窗口 复制 上 述 连 接 字 符 串 ， 粘 贴 到 程序 代 但 中 
使 用 。 

3. 建立 和 断 开 连接 

连接 对 象 创 建 后 并 不 会 连接 到 数据 库 ， 通 过 调用 连接 对 象 的 Open(0) 方 法 ， 连 接 对 象 才 


1 如 果 其 他 方式 连接 正常 ， 但 用 人 P 地 址 无 法 连接 ， 可 以 启动 “SQL Browser 服务 ”后 再 尝试 一 下 。 
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会 使 用 连接 字符 串 所 指定 的 设置 建立 和 数据 库 的 连接 。 

完成 数据 库 操 作 后 ， 应 该 及 时 调用 连接 对 象 的 Close0 方 法 断 开 连接 ， 否 则 DBMS 会 
一 直 等 待 应 用 程序 发 送 SQL 语句 ， 占 用 DBMS 的 资源 。 而 且 ， 如 果 长 时 间 不 通过 连接 使 
用 数据 库 ， 连 接 可 能 被 自动 断 开 ， 所 以 开发 人 员 应 该 养 成 每 次 使 用 前 建立 连接 ， 使 用 后 断 
开 连 接 的 良好 编程 习惯 。 

至 于 连接 对 象 的 创建 和 释放 ， 则 可 以 相对 提前 或 延迟 。 也 就 是 说 可 以 在 程序 运行 一 开 
好 就 建立 连接 对 象 ， 等 到 应 用 程序 被 关闭 时 才 松 放 连 接 对 象 。 对 于 ASPNET 程序 来 说 ， 可 
以 在 页 面 初始 化 Page Load0 方 法 中 创建 连接 对 象 ， 而 释放 连接 对 象 的 工作 则 交 给 .NET 
Framework 的 垃圾 回收 机 制 目 动 完成 。 


S.2 ”修改 首页 布局 


1.。 布局 调整 

MPMM 上 自负 中 有 了 两 个 区 域 的 内 容 需 要 根据 数据 库 中 的 内 容 动 态 生 成 : 一 是 首 乐 分 类 
链接 清单 ， 二 是 快速 得 找 音乐 资料 的 结果 清单 。 

从 工具 箱 拖 放 Literal 控件 到 首页 取代 原来 的 静态 首 乐 分 类 列表 ， 设 置 其 ID 属性 值 为 
litCategoryList; 考虑 到 音乐 资料 清单 默认 为 空白， 不 美观 ， 改 成 默认 显示 最 新 的 10 件 音 
乐 资料 ， 因 此 最 好 将 原来 显示 快速 租 找 结 末 的 控件 DD 属性 值 修改 为 ltMusicList。 

此 外 ， 用 TextBox 控件 蔡 换 原来 的 HIML 表单 文本 框 元 素 ; 用 Button 控件 取代 原来 
的 表单 提交 控 钮 ,它们 的 作用 和 对 应 的 表单 元 素 完 全 相同 ,但 封 狠 成 ASPNET 服务 控件 后 ， 
开发 人 员 能 够 在 服务 器 端 以 使 用 对 象 的 方式 操控 。 

注意 : ASPNET 控件 在 页 面 代码 中 的 标签 都 带 有 “asp:” 的 前 级 ， 且 带 有 runat="server" 

设置 这 两 个 控件 的 也 属性 值 分 别 为 tbKey 和 btQuickSeek， 并 将 Button 控件 的 Text 
属性 全 设置 为 “得 找 ”。 修 改 后 的 部 分 页 面 代码 如 下 : 


<table> 


<tr> 
<td> 
<asp:Literal ID="litCategoryList" runat="server"></asp:Literal> 
</td> 
<td colspan="2"> 
<asp:TextBox ID="tbKey" runat="server"></asp:TextBox> 
<asp:Button ID="btQuickSeek™" runat="server" Text=" 查 找 " > 
<br /> 
<asp:Literal ID="]1itMusicList"™" runat="server"></asp:Literal> 
</td> 
“itr 
</table> 
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2， 生成 分 类 列表 
为 了 使 代码 更 加 清晰 ， 将 生成 音乐 分 类 列表 的 代码 封装 成 页 面 类 的 一 个 私有 方法 
BuildCategoryListOD， 方 法 中 的 代码 为 


private Vold BuildCategoryL1ist() 
{ 
stringBuilder sb = new StringBuilder(); / /字符 申 拼装 工具 
sb.Append ("<ul>"); // 拼 装 HTML 列表 开始 标记 
string sql = "SELECT * FROM Category WHERE Parent ID IS NULL"; //sql 语句 
SqlCommand cmd = new SqlCommand (sql，dbConn); // 创 建 数据 库 命令 对 人 象 
try 
{ 
dbConn.Open () ; / /打开 数据 库 连接 
SqlDataReader dr = cmd.ExecuteReader(); // 执 行 SQL 语句 ， 获 取 数 据 库 读 取 对 象 
while (dr.Read()) // 当 成功 读 取 下 一 行 时 
{ 
// 使 用 这 一 行 的 数据 拼装 一 行 音 乐 分 类 的 HTML 代码 
sb.AppendrFormat ("<11><a href='MusicList.aspx?cat={0}'>{1}</a></11>", 
dr["ID"|], dr["Name™|])}); 
} 
dr.Close (); /7/ 关 闭 数 据 库 读 取 对 象 
} 
catch 
{ 
sb .Append ("<1i> 读 取 数 据 库 失 败 ! </1i>"); /7 失败 则 拼接 表示 失败 的 HTML 代码 
} 
finally 
{ 
dbConn.Close (); / /关闭 数据 库 连 接 
} 
sb.Append ("</ul>"); / /拼装 HTML 列表 结束 标记 
litCcategoryList.Text = sb.ToString(); // 显 示 内 容 
} 


上 述 代 码 是 一 段 标准 的 谈 取 数据 库 数 据 代 但 , 其 中 使 用 了 try…catch…finally 的 异 弟 捕 
获 机 制 ，catch 用 来 捕获 数据 库 操作 的 异 币 ，finally 用 来 保证 关闭 数据 库 连接 。 一 个 真正 的 
应 用 程序 不 仅 仪 要 实现 功能 ， 而 且 要 保证 程序 的 健壮 性 和 可 菲 性 。 使 用 判断 语句 判断 各 种 
情况 ， 结 合 异 常 捕获 机 制 ， 用 日 志 记 录 详 细 的 出 错 信息 ， 这 3 点 是 编写 一 个 实际 应 用 程序 
应 该 要 做 到 的 。 

3. 数据 库 连 接 的 处 理 

上 述 代码 中 直接 使 用 了 数据 库 连 接 对 象 dbConn, 这 是 页 面 类 的 自 定义 属性 (Property )， 
可 以 达到 在 需要 时 目 动 创建 数据 库 连 接 对 和 象 的 目的 。 相 应 的 代码 如 下 : 

public partial class Default : System.Web.UI.Pade 

{ 
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private SqlConnection dbConn = null; // 保 存 数据 库 连 接 对 象 的 成 员 变 量 


private SqlConnection dbConn / /返回 数据 库 连 接 对 象 的 只 读 属 性 
{ 
get 
{ 
1f { dbConn =— null) / /如 果 尚 未 创建 数据 库 连接 对 象 ， 则 先 创 建 数据 库 连接 对 象 
{ 


string connstring = @"Data Source=]127.0.0.1\SqlExpress; 
Initial Catalog=MpmmDB; Integrated Security=True"; 
dbConn = new SqlConnection (connstring); 
// 使 用 连接 字符 串 ， 创 建 数据 库 连 接 对 象 
} 
return conn; / /返回 已 经 创建 好 的 数据 库 连接 对 象 
} 


} 


创建 连接 对 象 的 代码 为 new SqlConnection (< 连接 字符 串 >)。 只 有 在 访问 dbConn 属性 
时 ， 该 创建 代 人 码 才 会 被 执行 ， 可 以 避免 在 不 需要 时 创建 数据 库 连 接 对 象 。 而 创建 代码 首先 
检查 _dbConn 是 否 为 空 , 只 在 为 空 的 时 候 才 创 建 ， 从 而 保证 不 会 重复 创建 数据 库 连 接 对 象 。 

注意 代码 中 的 连接 字符 串 采 用 了 直接 代码 方式 提供 。 其 字符 串 前 有 一 个 “@” 符 号 ， 
这 是 因为 数据 库 服务 器 地 址 和 实例 名 分 割 符 “\” 刚 好 是 C# 字 符 串 的 转 义 符 ， 所 以 用 字符 
串 表 的 “@” 竺 号 来 取消 所 有 转 义 。 同 时 ， 使 用 “@” 符 号 ， 还 允许 在 字符 串 中 二 接 使 用 
回 车 ， 而 无 须 使 用 “mm”。 这 在 编写 SQL 语句 时 非常 有 用 。 

4 数据 库 命 令 对 角 

Connection 对 象 只 提供 了 应 用 程序 和 DBMS 之 间 的 通道 ， 实 际 发 送 SQL 语句 并 取得 
结 末 的 对 象 是 数据 库 命 令 对 象 。 不 同类 型 的 数据 源 对 于 SQL 的 处 理 和 返回 结果 的 格式 也 有 


用 DbCommand 对 象 如 表 5-2 所 示 。 


表 5-2 ADO.NET 数据 库 命令 对 象 


名 称 命名 空间 描述 

SqlCommand System.Data.SqlClient 表示 操作 SQL Server 的 命令 对 象 
OleDbCommand System.Data.OleDhb 表示 操作 OleDb 数据 源 的 命令 对 象 
OdbcCommand System.Data.Odbc 表示 操作 ODBC 数据 源 的 命令 对 象 
OracleCommand System.Data.OracleClient 表示 操作 Orale 数据 库 的 命令 对 象 


DbCommand 对 象 有 两 个 最 基本 的 参数 ， 一 个 是 DbConnection 对 象 ， 另 一 个 是 需要 执 
行 的 SQL 语句 ,注意 DbCommand 对 象 只 能 使 用 对 应 类 型 的 连接 对 象 .在 BuildCategoryList( 
方法 中 ， 通 过 构造 函数 同时 提供 了 这 两 个 参数 : 


SqlCommand cmd = new SqlCommand (sql，dbConn); /7/ 创 建 数据 库 命 令 对 象 


使 用 时 ， 也 可 以 首先 创建 DbCommand 对 象 ， 然 后 通过 给 属性 赋值 的 方式 来 设置 这 两 
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SqlCommand cmd = new SqlCommand(); /7 创建 数据 库 命令 对 象 
cmd.CommandText = sqgl; // 设 置 SQL 命令 
cmd.Connection = dbConn; / /设置 连接 对 象 


因此 ， 通 过 修改 CommandText 或 Connection 属性 ， 可 以 使 用 一 个 命令 对 象 在 不 同时 
刻 执行 不 同 的 SQL 语句 ， 其 全 连接 到 不 同 的 数据 源 。 

需要 注意 的 是 , 给 DbCommand 对 和 象 设置 命令 和 连接 对 象 并 不 会 导致 SQL 命令 的 发 送 
和 处 理 ， 真 下 执行 SQL 命令 需要 调用 DbCommand 对 象 的 执行 (Execute ) 方法 。 根 据 执 行 
结果 的 不 同 ， 执 行 方 法 也 有 所 不 同 ， 常 用 的 如 表 5-3 所 示 。 


表 5-3 DbCommand 对 象 的 不 同 执行 方法 


执行 方法 返回 结果 摘 述 
ExcuteReader() 返回 类 型 为 DataReader, 值 为 同 前 只 读 记 ”用 于 执行 SELECT 语句 或 其 他 返回 结 
录 集 果 集 的 SQL 语句 
ExcuteNonQuery( ”返回 类 型 为 nt， 值 为 影响 的 记录 数 用 于 执行 DDL 类 的 SQL 语句 或 其 他 
无 结果 集 的 SQL 语句 


ExcuteScalar( 返回 类 型 为 Object, 值 为 结果 表 的 第 一 行 ” 用 于 获取 只 有 一 个 返回 值 的 售 询 结果 
的 第 一 列 ， 忽 略 其 他 列 或 行 


BuildCategoryListO 方 法 中 ， 使 用 下 列 代 人 码 来 获取 音乐 分 类 记录 集 : 
SqlDataReader dr = cmd.ExecuteReader(); // 执 行 SQL 语句 ， 获 取 数 据 库 读 取 对 人 象 
5. DataReader 对 象 
不 同类 型 的 DbCommand 对 象 的 ExcuteReader(0) 方 法 返回 的 记录 集 也 不 相同 , 但 它们 都 
是 “ 回 前 上 只 该 记录 集 ”， 其 中 SqlCommand 对 象 返 回 的 是 SqlDataReader 对 和 象 。 
有 所谓 “只 旋 ” 就 是 指 只 能 从 记录 和 集 读 取 数 据 ， 无 法 写 入 或 修改 数据 ;“ 同 前 ” 则 是 指 
能 读 取 下 一 行 ， 无 法 退回 去 读 取 前 面 的 记录 。 使 用 DataReader 对 象 的 主要 优点 是 节省 


和 


洪江 
洁 


无 法 直接 创建 DataReader 对 象 ， 只 能 通过 DbCommand 对 象 的 ExcuteReaderO 方 法 来 
获取 ， 获 取 后 的 标准 用 法 为 
while (dr.Read()) // 当 成 功 读 取 下 一 行 时 ， 将 下 一 行 设置 为 当前 行 
| 
// 读 取 当 前 行 数 据 

} 

Read0 方 法 从 数据 库 获 取 下 一 行 数据 并 将 其 作为 当前 行 ， 如 果 获 取 成 功 则 返回 true， 
否则 返回 false。 也 就 是 说 ， 如 末 dr.Read() 方 法 返回 false， 那 么 授 历 记录 集束 已 经 完成 了 。 
为 外 ，ExcuteReader() 方 法 创建 DataReader 对 象 的 最 初 ， 当 前 行 指 问 第 一 行 之 前 ， 自 次 执行 
drRead0 方 法 试图 读 取 的 是 第 一 行 ， 因 此 使 用 数据 前 一 定 要 先 调用 Read0 方 法 ， 

成 功 读 取 一 行 数据 后 ， 应 用 程序 可 以 通过 两 种 方法 使 用 当前 行 的 数据 ， 一 种 称 为 弱 类 
型 数据 获取 方法 ， 另 一 种 则 是 强 类 型 数据 获取 方法 。 
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(1) 使 用 弱 类 型 数据 获取 方法 : DataReader 对 象 提供 索引 器 来 使 用 当前 行 数据 ， 索 引 
既 可 以 是 字段 序号 ， 也 可 以 是 字段 名 称 。 例 如 dr["ID"] 表 示 获 取 dr 对 象 的 ID 字段 值 。 不 
建议 用 字段 序号 的 形式 ， 因 为 这 不 容易 理解 ， 也 不 便于 数据 库 定 义 的 修改 。 使 用 索引 器 方 
式 获 取 的 数据 一 律 是 Object 类 型 ， 所 以 称 为 弱 类 型 。 

(2) 使 用 强 类 型 数据 获取 方法 : 通过 DataReader 对 象 的 GetXXXQ) 方 法 也 可 以 使 用 当 
前 行 的 数据 ， 其 中 XXX 为 数据 类 型 的 名 称 ， 表 示 返 回 数据 类 型 。 例 如 GetString(1) 返 回 的 
就 是 第 1 列 的 String 类 型 数据 。GetXXX() 方 法 实际 使 用 很 不 方便 。 

DataReader 对 象 还 有 以 下 几 个 比较 重要 的 属性 或 方法 。 

(1) FieldCount 属性 : 获取 当前 行 中 的 列 数 。 

(2) HasRows 属性 : 返回 一 个 逻辑 值 ， 该 值 指示 DataReader 对 象 谈 取 的 记录 集中 是 个 
存在 行 。 

(3) IDBNullG) 方 法 : 判断 当前 行 第 1 个 字段 的 数据 库 值 是 否 为 NULL。 如 采访 字段 
值 为 NULL，GetXXXO) 会 抛 出 异常 。 

最 后 ，DataReader 对 象 打 开 后 会 一 直 占 用 对 应 DbCommand 对 象 的 数据 库 连 接 ， 所 以 

日 完成 使 用 ， 一 定 要 记得 用 DataReader 对 象 的 Close() 方 法 关闭 ; 否则 DbCommand 对 象 
和 数据 库 连 接 就 无 法 用 于 其 他 操作 。 


$.3 ”实现 首页 音乐 列表 


1. 默认 音乐 列表 
音乐 资料 列表 的 输出 涉及 多 个 字段 ， 因 此 使 用 表格 输出 ， 相 应 的 BuildMusicListO 方 法 
定义 如 下 : 


/// <summary> 
/// 使 用 指定 sql 售 询 获取 数据 ， 构 造 音乐 资料 列表 
/// </summary> 
private Vold BuildMusicList (String sg9g1) 
{ 
StringBuilder sb = new StringBuilder (); / /字符 串 拼装 工具 
sb .Append("<table>"); //HTML 表格 开始 标记 
SqlCommand cmd = new SqlCommand (sql，dbConn); // 创 建 数 据 库 命 令 对 象 
try 
{ 
dbConn .Open () ; / /打开 数 据 库 连 接 
SqlDataReader dr = cmd.ExecuteReader(); // 执 行 SoL 语句 ， 获 取 数 据 库 读 取 对 象 
while (dr.Read()) / /当成 功 读 取 下 一 行 时 
{ 
/ /使 用 这 一 行 的 数据 拼装 一 行 音 乐 分 类 的 HTML 代码 
sb.Append ("<tr>"); 
sb.AppendFormat ("<td><a href='Music.aspx?1d={0}'>{1}</a></td>", 
dr ID ”| ，daGrlL Name |) ; 
sp .AppendEormat ("<td>{0}</td><td>{1}</td><td>{2}</td>", 
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dr["Authors"], dr["publishDate"], dr["MediaTypeName"]); 
sb.Append ("</tr>").; 


} 
dr.Close (); / /关闭 数据 库 读 取 对 银 
} 
catch 
{ 
sb.Append ("<tr><td> 读 取 数 据 库 失 败 ! </tqd></tr>"); 
} 
finally 
{ 
dbConn.Close (); // 关 闭 数据 库 连 接 
} 
sb.Append ("</table>™"); / /HTML 表格 结束 标记 
1i1tMusicList.Text = sb.TosString(); // 显 示 内 容 


} 


为 了 让 BuildMusicList() 方 法 同时 适用 于 初始 默认 10 个 最 新 音乐 资料 的 显示 和 快速 租 
找 结果 有 的 显示 ， 方 法 使 用 参数 sql 来 传递 不 同 的 SQL 语句 。 在 Page Load 方法 中 调用 
BuildMusicListO 方 法 的 代码 为 


if (!IsPostBack) // 非 回 发 访问 本 页 面 ， 说 明 是 新 的 访问 
{ 
String sgl = @"SELECT TOP 10 ms.ID, ms.Name, ms.Authors, 
ms.PublishDate, cn.Name AS MediaTypeName 
FROM Music ms JOIN CodeNames cn 
ON ms.MediaType = cn.Code AND cn.CodeFor='Music.MediaType' 
ORDER BY ms.PublishDate DESC"; 
BuildMusicList (sql); // 构 造 默认 音乐 列表 
} 


其 中 sql 字符 串 的 赋值 用 了 “@” 前 级 ， 所 以 可 以 将 SQL 语句 按照 SQL 的 习惯 分 成 多 行 
J 

注意 SELECT 后 耐 紧 跟 的 TOP 10， 这 是 SQL Server 特有 的 限定 获取 记录 数 的 方法 ， 
在 SELECT 后 楷 跟 TOP n， 就 可 以 限制 获取 最 多 前 n 条 记录 。 这 里 通过 ORDER BY 让 记 
录 按 照发 布 日 期 倒序 排列 ， 使 得 获取 的 记录 限制 在 最 新 发 布 的 10 件 音乐 资料 。 

2. 快速 查找 列表 

通过 使 用 ASPNET 的 文本 框 控件 ， 获 取 输 入 的 查找 关键 字 变 得 非常 简单 ，ASPNET 
将 其 封装 在 了 文本 框 控件 的 Text 属性 中 ， 相 应 的 访问 代码 为 bKey.Text， 其 中 tbKey 就 是 
文本 框 控件 的 ID 属性 值 。 

当 小 明 单 击 “ 奏 找 ” 按 钮 时 ， 浏 览 堪 将 市 有 表单 数据 的 请 求 友 送 到 服务 毁 ，ASPNET 
分 析 Request 对 象 中 的 数据 时 ， 束 能 够 发 现 小 明 当 时 单 击 了 了 D 属性 值 为 btQuickSeek 的 按 
钮 ， 因 此 ASPNET 会 试图 在 执行 完 Page Load() 方 法 后 去 执行 按钮 绑 定 的 单 击 事件 处 理 
方法 。 
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这 就 是 ASPNET 提供 的 网 页 事件 处 理 机 制 ， 看 上 去 和 WinForm 程序 的 事件 处 理 机 制 
很 像 ， 但 一 定 要 注意 两 者 其 实 完全 不 同 : ASPNET 的 事件 处 理 全 部 发 生 在 服务 器 端 ， 并 不 
是 事件 在 客户 病人 触 发 时 进行 的 处 理 。 每 次 事件 的 触发 都 再 要 将 请 求 发 送 给 服务 山 ， 也 了 就 是 
所 谓 的 页 面 “ 回 发 《〈PostBack)”。 

给 按钮 绑 定 “ 单 击 事件 处 理 方 法 ”的 方法 很 简单 ， 在 VS 中 打开 设计 页 面 ， 双 击 按钮 ， 
VS 融 在 会 页 和 面 代码 中 为 按钮 添加 onclick 属性 和 属性 仁 ， 例 如 双击 “得 找 ” 按 钮 后 VS 日 
动 生 成 的 代码 为 

<asp:Button ID-="btQuickSeek” runat-"server"” Text=" 丛 找 " 

onclLLCK="btoulckSeek Click™ /> 


同时 ， 在 对 应 后 台 页 面 类 代 人 码 中 目 动 增加 一 个 名 为 btQuickSeek_Click0 的 方法 。 
对 于 MPMM 来 说 ， 需 要 在 这 个 方法 中 实现 对 应 音乐 资料 的 查找 和 和 显示， 完整 的 代码 为 


/// <summary> 

/// 廊 找 指定 音乐 资料 的 事件 处 理 方法 

/// </summary> 

protected void btQuickSeek Click(object sender, EventArgs e) 


{ 
String sql = String.Format (Q"SELECT ms.ID, ms.Name, ms.Authors, 


ms.PublishDate, cn.Name AS MediaTypeName 
FROM Muslc ms JOIN CodeNames cn 
ON ms.MediaType = cn.Code AND cn.CodeFor='Music.MediaType' 
WHERE ms.Name LIKE ‘'$%{0}$%' OR ms.Description LIKE '$%${0}s$" 
OR Authors LIKE “$${0}$%" OR cn.Name LIKE "$${0}%"", tpkey.Text); 
BuildMusicList (sql); // 构 造 音 乐 资料 列表 
} 


上 述 代码 中 ， 先 使 用 得 找 关 键 子 拼 净 出 SQL 语句 《语句 中 使 用 了 LIKE 模糊 匹配 )， 
然后 调用 BuildMuiscList0 方 法 来 实现 首 乐 资料 的 显示 。 
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在 拼接 音乐 分 类 导航 项 时 ， 使 用 了 =<a hre 伍 "MusicList.aspx?cat={0}"> 这 样 的 超 链 接 ， 
因此 当 小 明 单 击 “ 音 乐 分 类 ”导航 项 时 ， 浏 览 圳 会 请 求 MusicList.aspx 这 个 页 面 ， 同 时 使 
用 GET 方法 通过 URL 传递 cat 参数 ， 其 值 为 对 应 首 乐 分 类 的 ID 属性 值 。 

1. 页面 布 局 

在 “解决 方案 资源 管理 器 ”中 右键 单 击 MPMM 网 站 ， 和 选择“ 添加 新 项 ”命令 ， 然 后 
在 对 话 框 中 选择 “Web 窗 体 ”模板 ， 输 入 名 称 MusicListaspx， 单 击 “ 添 加 ”按钮 ， 就 会 在 
MPMM 网 站 项 目下 新 建 一 个 ASPNET 页 面 ， 包 括 前 台 页 面 文件 MusicListaspx 和 后 台 程 
序 代 人 码 文 件 MusicList.aspx.cs。 

该 页 面 需要 负责 提取 cat 参数 的 值 ， 获 取 指 定 音 乐 分 类 中 所 有 音乐 资料 并 展示 出 来 。 
首先 完成 页 面 布局 的 设计 ， 一 般 而 言 一 个 网 站 整体 布局 以 及 各 页 面 风 格 应 该 一 样 ， 因 此 
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MusicList 页 面 保留 了 首页 的 页 首 (Logo 和 导航 )、 页 脚 〈 版 权 )， 只 是 将 中 间 的 内 容 珍 换 
成 了 完整 的 音乐 资料 列表 。 中 间 布 局 表格 部 分 的 HIML 代码 如 下 : 


<table> 
<tr> 
<td> 
<table> 
LT 
<td><img src="JImages/musiccd.Jpg" /></td> 
<td><h1> 小 明 的 音乐 库 </h1></td> 
tr 
</table> 
</td> 
<td> 
<a href="Default.aspx"> 自 页 </a> | 
<a href="CategoryMgr.aspx"> 分 类 维护 </a> | 
<a href="MusicMgr.aspx"> 资 料 维 扩 </a> | 
<a href="SearchMusilc.aspx "> 查找 资料 </a> 
</td> 
<itr> 
<tr> 


<td colspan="2"> 
< href—"Default .aspx"> 上 自 见 </a>&gt; 
<asp:Label ID="]bCategory™" runat="server” Text=" 当 前 分 类 " /><br /><br /> 
<asp:Literal ID="]1itMusicList"™" runat="server"></asp:Literal> 
</td> 
</tr> 
</table> 


2. 定义 通用 工具 类 

后 台 代 人 码 基 本 上 和 Defaultaspx 页 面 的 BuildMusicListO 方 法 代码 相同 ， 因 此 考虑 将 
BuildMusicListO 方 法 代码 挪 到 一 个 通用 工具 关中 ， 增 加 数据 库 连 接 对 象 和 Literal 对 象 的 参 
数 。 通 党 非 页 面 代码 应 该 放 在 App_Code 文件 夹 中 ， 如 果 还 没有 这 个 文件 夹 ， 则 右键 单 击 
解决 方案 , 选择 “添加 ASPNET 文件 来” 命令 添加 。 右键 单 击 App_Code 文件 夹 , 选择 “ 添 
加 新 项 ”命令 ， 然 后 在 对 话 框 中 选择 “类 ”模板 ， 输 入 名 称 CommonTools.cs。 

将 CommonTools 类 修改 成 静态 类 , 并 将 Default.aspx.cs 中 的 BulldMusicListO 改 造 后 作 
为 CommonTools 类 的 静态 方法 ， 人 代码 如 下 : 


using System.Data.Sqlclient; // 引 入 处 理 SQL Server 数据 库 的 类 所 在 的 命名 空间 
using System.Web.UI.WebControls; //3 引 入 Literal 控件 类 所 在 的 命名 空间 

using System.Text; // 引 入 StringBuilder 类 所 在 的 命名 空间 

/// <summary> 

/// 通用 工具 类 

/// </summary> 


public static class CommonTools 
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/// <summary> 

/// 使 用 指定 sql 查询 获取 数据 ， 构 造 音乐 资料 列表 

/// </SuUmmaTrYy> 

public static void BuildMusicList (String sql, SqlConnection dbConn, 
Literal 11tMus1icL1ist) 

{ 
.…/ /复制 5.3 节 BuildMusicLists() 方 法 中 的 代码 

} 

} 


调用 CommonTools 类 的 BuildMusicListO 方 法 ， 并 传递 数据 库 连 接 对 象 和 页 面 显示 控 
件 的 代码 为 


CommonTools.BuildMusicList(sql，dbconn，1itMusicList); // 构 造 默 认 音 乐 列 表 


3 数据 库 页 面 基 类 
MusicList 页 面 同样 需要 使 用 数据 库 连 接 对 象 , 实际 上 每 个 访问 数据 库 的 中 面部 需要 使 
用 这 个 对 象 。 考 虑 利用 OOP 的 继承 机 制 ， 把 数据 库 连接 对 象 放 到 一 个 自 定义 页 面 基 类 中 ， 
然后 让 所 有 需要 用 到 数据 库 连 接 对 象 的 页 面 关 都 继承 这 个 基 关 。 例 如 MPMM 中 ， 在 
App Code 文件 夹 中 新 建 一 个 名 为 DbPage 的 类 ,， 并 日 继承 目 System.Web.UILPage 类 , 具体 
的 代码 为 
using System.Data.SqlCclient; //3 引 入 SqlConnection 类 所 在 的 命名 空间 
public class DbPage: System.Web.UI.Page 
{ 
private SqlConnection dbConn = null; 
protected SqlConnection dbConn 


{ 
.…./ /复制 5.2 节 中 定义 abconn 属性 的 代码 


} 

注 总 将 代 公 复制 到 DbPage 类 中 后 ， 修 改 dbConn 属性 的 你 护 级 别 为 Protected， 盏 则 
DbPage 类 的 子 类 将 无 法 访问 这 个 属性 。 

4. 实现 页 面 

将 Default.aspx 页 面 和 MusicList.aspx 页 面 的 后 侣 类 原来 继承 的 System.Web.UIPage 类 
改 为 继承 DbPage 类 ， 如 Default.aspx 页 面 的 后 台 类 定义 代码 修 改 为 


public partial class Default : DbPage 


现在 ,可 以 编写 MusicList.aspx 页面 的 后 台 处 理 代码 ， 由 于 该 页面 没有 PostBack 请 来 ， 
所 以 无 须 区 分 是 人 盏 是 回 发 请 求 ， 具 体 代码 如 下 : 

public partial class MusicList : DbPage 

{ 
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protected vold Page Load (object sender, EventArgs e) 
{ 
string catId = Request["cat"]; // 获 取 音 乐 分 类 ID 
ShowCategoryName (catId); // 显 示 音 乐 分 类 名 称 
Strlnd sql = String.Format (@"SELECT ms.ID, ms.Name, ms.Authors, 
ms.PublishDate, cn.Name AS MediaTypeName 
FROM Music ms JOIN CodeNames cn 
ON ms.MediaType = cn.Code AND cn.CodeFor='Music.MediaType' 
WHERE ms.Category ID ={0}", catId); / /拼装 获取 分 类 音乐 资料 的 SQL 
CommonTools.BuildMusicList (sgql, dbConn, litMusicList); 
/ /构造 默认 音乐 资料 列表 
} 
/// <summary> 
/// 根据 指定 的 音乐 分 类 ID， 显 示 音 乐 分 类 名 称 
/// </summary> 
private void ShowCategoryName (string catId) 
{ 
String sqgql = String.Format ("SELECT Name FROM Category WHERE ID={0}", 
catId)}); 
SqlCommand cmd = new SgqlCommand (sql, dbConn); 
try 
{ 
dbcConn -Open () ; 
lbCategory.Text = cmd.ExecuteScalar () -ToString() 7 // 获 取 第 1 行 第 1 列 的 值 
} 
finally 
{ 
dbConn.Cclose(); 
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音乐 资料 列表 中 每 件 音乐 资料 的 名 称 是 一 个 超 链接 ， 链 接 到 Music.aspx 页 面 ， 同 时 通 
过 URL 传递 ID 参数 ， 其 值 为 对 应 音乐 资料 的 ID 字段 值 。 

1.。 页 面 布局 

Music.aspx 页 面 用 来 显示 音乐 资料 的 详细 信息 ， 其 布局 可 以 直接 使 用 第 2 章 中 的 静态 
详细 资料 员 面 ， 将 其 中 的 静态 文本 都 蔡 换 成 对 应 的 ASPNET 控件 ， 代 码 如 下 : 


<form 1Qq="forml"” runat="server"> 
<d1lv> 
<a href="Defaultaspx"> 上 自 风 </a>E&gt; 
<asp:HyperLink ID-="lnkCategory™” runat="serVvern Text-" 当 前 分 类 "™ />ggt; 
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音乐 详细 资料 <br /><br /> 
<table> 
CT 
<td rowspan="4"> 
<asp:Image ID="imgPhoto™" runat="server™" Widthn="200™ /> 
<asp:Literal ID="11tP1ayer" runat="server"/> 
</td> 
<td><asp:Label ID="lbName" runat="server™" /></td> 
<td><asp:Label ID="lbMediaTypeName" runat="server™. /></td> 
</tr> 
«LT 
<td colspan="2"><asp:Label ID="]lbAuthors™" runat="server™" /></td> 
</tr> 
<tr> 
<td colspan="2"><asp:Label ID="]lbDescription™. runat="server™" /></td> 
</tr> 
<tr> 
<td colspan="2"><asp:Label ID="]bPublishDate™ runat="server™" /></td> 
</tr> 
</table> 
</div> 
</form> 


上 述 代 人 码 中 ，Label 控件 显示 普通 文本 ，Imaege 控件 显示 图 厂 ，HyperLink 控件 显示 起 
链接 ， 而 Literal 控件 则 用 于 显示 音乐 播放 器 。 

2. 显示 详细 资料 

显示 首 乐 资料 详细 信息 的 后 台 代 人 码 如 下 : 


public partial class Music : DbPage 


{ 
protected vold Page Load (object sender, EventArgs e) 
{ 
string musicId = Request["id"]; /1 获取 指定 音乐 资料 的 ID 值 
i eatrd = = /1 初始 化 音乐 分 类 ID 值 为 -1 


SqlCommand cmd = new SqlCommand();  // 创 建 Sql 命令 对 象 


cmd .Connection = dbConn; / /设置 cmd 对 象 的 数据 库 连 接 属 性 
try 
{ 

dbConn .Open () ; / /打开 数据 库 连 接 


/ /获取 音乐 资料 详细 信息 ， 并 用 于 设置 各 详细 信息 显示 用 的 控件 

String sq1 = String.Format (@"SELECT ms .ID, ms.Code, ms.Name, ms.Photo, 
ms.Authors, ms.PublishDate, ms.MediaType, ms.MediarFile, 
cn.Name AS MediaTypeName, ms.Description, ms.Category ID 


FROM Muslc ms JOIN CodeNames cn ON ms.MediaType = cn.Code 
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AND cn.CodeFor='Muslc-MedlaTYpe' 


WHERE ms.ID={0}", musicId); 


cmd.CcommandText = sql; 


SqlDataReader dr = cmd.ExecuteReader (); 
1f (dr.Read()) 


{ 


// 索 引 3 为 Photo 字段 。 先 检测 Photo 字段 值 是 否 为 空 ， 如 果 是 则 显示 默认 图 片 
imgPhoto.ImageUrl = dr.IsDBNuUul1l1 (3) ? "Images/Music.png" : dr. 
GetSstring (3) : 
1bName .Text = dr.Getstring (2); / /获取 Name 字段 值 
lbMediaTypeName .Text = dr.GetString(8); // 获 取 MediaTypeName 字段 值 
lbAuthors.Text = dr.GetString(4) ; / /获取 Authors 字段 值 
lbDescription.Text = dr.IsDBNuUu11 (9})?"":dr.Getstring (9); 
/ /获取 Description 字段 值 

lbPublishDate.Text = qdr-ISDBNU11(5) 2 "" : dr.GetDateTime (5). 
ToShortDateString(); // 获 取 PublishDate 字段 值 ， 格 式 化 日 期 型 为 字符 串 
1f (dr.GetStrlnd(6)=="0" && !dr.IsDBNuUull (7)) 

/ /如果 是 数字 化 音乐 且 音 乐 文件 存在 


// 角 入 音乐 播放 器 代码 (客户 端 需要 安装 Windows Media Player 9.0 或 以 上 版 本 ) 
litPlayer.Text = string.Format ( 
@"<pr /> <embed width=200 height=50 src="'{0}' hidden='no'" 
controls="smallconsole" 


autostart="'false" loop="'false" >", dr.Getstring (7)); 


} 
catId = dr.GetInt32 (10); // 记 录音 乐 资料 的 音乐 分 类 ID 字段 值 
} 
dr.Close(); // 关 闭 DataReader 对 象 
if (catId > 0) / /如 果 成 功 获取 音乐 分 类 ID 字段 值 
{ 


// 获 取 音 乐 分 类 名 ， 设 置 返回 对 应 音乐 分 类 的 音乐 资料 列表 的 超 链接 

sql = String.Format ("SELECT Name FROM Category WHERE ID={0}", catId); 
cmd.commandText = sql; 

lnkCategory.Text = cmd.Executescalar() .ToString(); // 设 置 超 链接 名 
lnkCategory.NavigateUrl1 = String.Format ("MusicList.aspx?cat={0}", 
catId); // 设 置 超 链接 指 问 的 URL 


finally 


{ 


dbConn.Close(); 
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上 述 代 码 震 要 补充 说 明 以 下 几 点 : 

(1) Music 页 面 类 继承 了 DbPasge 目 定 义 页 面 基 关 。 

(2) 使 用 了 GetXXXO 方 法 来 谈 取 DataReader 对 象 返 回 的 数据 ， 对 于 值 可 能 为 NULL 
的 字段 先 用 EDBNullO 方 法 判断 是 否 为 裤 ， 如 果 为 空 ， 则 值 用 空 串 代 奉 。 

(3) 因为 只 获取 一 条 记录 ， 上 所 以 用 了 这 drRead0O) 而 不 是 while(dr.Read())。 

(4) 获取 音乐 资料 和 音乐 分 类 的 不 同 SQL 语句 ， 是 使 用 同一 个 DbCommand 对 和 象 执 
行 的 。 


S.6 发布 MPMM 网 站 


完成 开发 ， 使 用 VS 调试 通过 后 ， 可 以 按照 第 2 章 中 发 布 网 站 的 方法 ， 将 新 的 MPMM 
网 站 发 布 到 IS 中 ， 但 可 能 会 出 现 无 法 访问 数据 库 的 错误 ， 为 什么 呢 ? 

因为 MPMM 的 数据 库 连 接 选择 了 “使 用 Windows 身份 验证 ”的 模式 ， 也 就 是 集成 喘 
份 验 证 模式 。 所 谓 集成 身份 验证 模式 ， 实 际 上 指 直接 用 运行 应 用 程序 的 Windows 账号 作为 
访问 SQL Server 的 账号 。 

在 VS 中 调试 网 站 时 ， 这 个 账号 就 是 当前 登录 到 Windows 中 的 用 户 账 号 ， 通 第 是 
Windows 管理 员 账 户 。SQL Server 默认 已 经 把 Windows 的 管理 员 账 户 添加 到 了 了 数据库 系 统 
中 ， 而 且 设 置 为 DBMS 的 管理 员 ， 所 以 访问 数据 库 不 会 有 任何 权限 问题 

一 旦 发 布 到 Web 服务 右上 ， 当 前 用 户 就 不 再 是 登录 a 到 Windows 中 的 用 户 账 己 了， 
为 如 条 不 是 为 了 维护 服务 器 ， 通 币 是 不 会 有 用 户 登 录 到 服务 需 中 的 。 所 以 ，Web 服务 器 会 
默认 以 一 个 Windows 内 置 账户 来 运行 , 即 NETWORK SERVICE , 该 账户 默认 无 权 访问 SQL 
NerVer。 

解决 这 个 问题 有 很 多 途径 ， 例 如 : 

(1) 修改 连接 字符 串 , 用 SQL Server 喘 份 认证 方法 ， 此 时 需要 对 SQL Server 进行 相应 
的 配置 。 

(2) 将 NETWORK SERVICE 账户 添加 到 SQL Server， 并 授予 访问 MpmmDB 数据 库 
的 权限 。 

(3) 修改 连接 字符 串 ， 使 用 SSE 的 动态 附加 数据 库 文 件 (Attach File) 模式 ， 此 时 需 
要 找到 MpmmDB 数据 库 的 文件 ， 将 其 一 同 发 布 到 IIS。 

网 络 环境 下 ， 权 限 的 配置 是 一 个 经 第 需要 解决 的 问题 。 由 于 目前 尚未 涉及 数据 库 权 限 
管理 的 内 容 ， 这 里 只 是 介绍 一 种 开发 阶段 名 用 的 临时 解决 方法 。 

1. IS 管理 器 

IIS 网 站 的 配置 需要 通过 IS 管理 器 进行 .打开 IIS 管理 需 (Windows 管理 工具 一 Internet 
pele 管理 器 )， 展 开 左 侧 的 树 形 目录 ， 可 以 看 到 “应 用 程序 地 ”和 “网 站 ” 节 

点 ， 如 图 5-2 所 示 。 

2. 应 用 程序 池 

所 谓 应 用 程序 池 ， 可 以 简单 理解 为 网 站 的 运行 环境 ， 每 个 网 站 必须 关联 到 某 个 应 用 程 
序 池 。 网 站 运行 的 基本 环境 ， 如 所 使 用 的 .NET Framework 版 本 、Windows 账户 都 是 由 所 属 
的 应 用 程序 池 决 定 的 。 
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假设 MPMM 网 站 发 布 到 了 Ci\Inetpubwwwwroot 下 ， 也 就 是 发 布 成 为 了 默认 Web 站 点 


(Default Web Site)， 而 不 是 子 站 点 。 选 中 上 默认 站 点 ， 在 溃 理 界面 右 侧 出 现 的 选项 中 ， 选 择 
“基本 设置 ”命令 ， 出 现 如 图 5-3 所 示 的 对 话 框 。 


et 信息 服务 习 I3) 管 理 加 


RE 
GS | 襄 ， YIN2K8 应 用 程序 总 | 加 去 : 生 1 喇 - 


立 件 下 1 视图 各 帮助 出) 


| 人 应用 程序 池 


入 添加 应 用 程序 池 ，， 
| gf 写 直 设 畦 应 用 程序 总 黑 认 设置 . .. 
白 ho ms winiast 站 人 : Oe 1 om 
ep Eaull Yab Site | : 网 站 名 称 (3): 应 用 程序 池上) ， 
-0 Ainin Fesant Web Site Per 证 0 [选择 ] 
EAT TD 物理 路 径 P) 
Sr Ei i Rovstemlrivey inetpub ewwr oot [| 
Be 传递 身份 验证 
连接 为 (C)... | 测试 设 置 G3)... 
下 确定 取消 | 
图 5-2 IS 管理 器 图 5-3 ”网 站 基本 设置 对 话 框 


在 图 5-3 中 ， 可 以 通过 单 击 “ 选 择 ” 按 钮 来 选择 网 站 所 属 的 “应 用 程序 池 ”， 可 以 看 到 
MPMM 网 站 使 用 了 名 为 ASPNET v4.0 的 应 用 程序 池 。 

3.， 修改 运行 账户 

在 图 5-2 中 ,选择 左 侧 的 “应 用 程序 池 ” 节 点 , IIS 管理 器 列 出 所 有 可 用 的 应 用 程序 池 ， 
右键 单 击 ASPNET v4.0 应 用 程序 池 ， 选择 “ 诬 级 设 入 置 ”命令 , 弹出 如 图 5-4 所 示 的 对 话 框 。 
找到 “标识 ”属性 ， 将 其 值 修 改 成 LocalSystem。 现 在 网 站 运行 时 就 会 用 Windows 内 置 的 
LOCAL SYSTEM 账户 去 连接 SQL Server, 而 LOCAL SYSTEM 账户 默认 拥有 管理 员 权 限 。 


虚拟 内 存 限制 (KE) 
“专用 内 存 限制 (3) 


可 扫 行 文件 区 类 
已 启用 
日 进程 模型 
Fing ejb Pt) 
Ping 最 太 响 应 时 间 中 
标识 


天 | 必 时 间 限 制 中 D 

加 载 用 户 配 直 8 区 件 

局 动 时 间 限 制 中 
启用 Pinz 


图 5-4 ”应 用 程序 池 高 级 设置 对 话 框 


注意 : 仅 在 开发 阶段 可 以 使 用 LOCAL SYSTEM 账户 进行 网 站 运行 调试 ， 不 得 在 正式 
应 用 场合 使 用 。 


第 5 章 ”实现 前 台 页 面 上 33 


1]. ADO.NET 是 ( 
A) Microsoft.NET Framework 的 别名 
B) NET 开发 环境 中 的 数据 库 引擎 ， 实 现 数据 库 的 连接 和 访问 
C) 一 组 ASPNET 专用 的 数据 库 访 问 对 象 集合 
D) 一 个 高 级 的 SQL Server 图 形 化 管理 工具 
2. 连接 不 同 关 型 的 数据 源 需 要 使 用 不 同 的 DbConnection 对 象 ， 其 中 上 用 于 四 
接 SQL Server 数据 库 。 

A) SqlConnection 
B) OleDbConnection 
C) OdbcConnection 
D) OracleConnection 

3， 下 面 选项 哪个 不 是 DbCommand 的 执行 方法 ( 
A) ExcuteReader() 
B) ExcuteUse() 
C) ExcuteNonQuery() 
D) ExcuteScalar() 

4. MPMM 项 目 中 ， 负 责 向 DBMS 发 送 SQL 语句 并 取得 返回 结果 的 对 象 是 (  )。 
A) 使 用 String.Format0) 拼 装 出 SQL 语句 的 衬 符 串 对 象 sql 
B) 使 用 连接 字符 串 的 DbConnection 对 象 dbConn 
C) DbCommand 对 象 cmd 
D) DbDataReader 对 象 dr 

5$. 用 户 的 ) 操作 会 引起 回 发 (Postback )。 
A) 单 击 超 链接 访问 东 个 ASPNET 页 面 
B) 在 浏览 器 的 地 址 栏 中 输入 ASPNET 页 面 的 URL 地址， 并 按 回 车 
C) 单 击 按钮 ， 触 发 按钮 的 Click 事件 处 理 
D) 按 住 Shift 按键 的 同时 单 击 超 链接 

6. 使 用 DataReader 对 象 读 取 数 据 库 的 标准 步骤 为 ( ” )。 

Q) 通过 数据 库 读 取 对 象 获取 数据 ; 凶 执 行 SQL 语句 ， 获 取 数 据 库 读 取 对 象 ，@@) 关 闭 
数据 库 谈 取 对 象 ， 创建 数据 库 命 令 对 象 ， 名 使 用 连接 字符 蛙 ， 创 建 数 据 库 连接 对 象 ; (8) 
打开 数据 库 连接 ; (DD 关闭 数据 库 连 接 ; 

A) DODDVDD 
B) GCC) 
C) 人 CI 
D) @OOCOGGO 
7. SQL Server 的 SELECT 语句 可 以 通过 ( ) 来 表示 仅 获 取 前 了 行 数 据 。 
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A) LIMITn B) FIRSTn C) ONLYn D) TOPn 

二 、 填 空 题 

1. 数据 库 连接 对 象 可 以 连接 不 同 的 DBMS, 通过 来 告诉 ADO.NET 数据 源 
在 哪里 ， 需 要 什么 样 的 数据 格式 ， 提 供 什么 梓 的 访问 信任 级 别 以 及 其 他 相关 的 连接 信息 。 

2. 数据 库 连 接 对 象 创 建 后 并 不 会 连接 到 数据 库 ， 通 过 调用 数据 库 连 接 对 和 象 的 
方法 建立 数据 库 连 接 。 完 成 数据 库 操作 后 ， 应 该 及 时 调用 方法 断 开 连接 。 

3. 将 数据 库 连 接 对 和 象 定义 为 页 面 基 类 属性 的 理由 是 

三 、 是 非 题 

( ) 1. 使 用 DataReader 对 象 谈 取 数 据 库 中 的 数据 ， 对 于 可 能 为 NULL 的 字段 应 
该 先 用 DBNull0 方 法 判断 字段 值 是 否 为 空 。 

( ) 2.， 应 该 使 用 try…finally 开销 处 理 语句 确保 执行 断 开 数据 库 连 接 的 方法 被 执行 。 

( ) 3. ASPNET 可 以 给 控件 设置 事件 处 理 方法 。 例 如 给 按钮 设置 了 Click 事件 处 
理 方 法 ， 那 么 当 用 户 单 击 按钮 的 时 候 ， 浏 览 右 就 会 立刻 执行 该 事件 处 理 方法 。 

坟 、 实 践 题 

实现 《个 人 通讯 隶 》 系 统 的 “首页 ”“ 得 找 联 系 人 ”“ 联系 人 详情 ”页 面 。 重 新 发 布 该 
系统 到 IS， 排 除 发 布 后 出 现 的 所 有 和 钳 误 。 


学 习 目 标 

。 掌握 数据 列表 页 面 的 设计 ， 以 及 增加 、 修 改 、 删 除 操作 页 面 的 设计 ; 

。 了 解 网 站 页 面 文件 的 分 文件 夹 保存 原则 ; 

。 理解 母 版 页 的 概念 ， 和 擎 握 创 建 和 使 用 母 版 页 的 方法 ; 

。 理解 ASPNET 中 URL 路 径 的 处 理 ; 

熟练 掌握 SQL 语句 INSERT、UPDATE， 理 解 SQL 语句 集合 操作 的 特性 ; 

。 效 练 掌握 SQL 语句 DELEIE， 了 解 “ 主 -从 ”记录 在 删除 操作 时 的 两 种 处 理 方法 ; 

。 理解 Response.RedirectO 页面 重 定 癌 方 法 的 工作 怕 理 ; 

。 掌握 编辑 数据 页 面 、 删 除数 据 页 面 的 ASPNET 实现 方法 ， 掌 握 ASPNET 隐藏 控件 
HiddenField 的 使 用 技巧 ; 

e。 了 解 SQL 注入 攻击 ; 

。 掌握 ASPNET 下 拉 框 DropDownList 控件 的 使 用 : 

。 掌握 ASPNET 文件 上 传 FileUpload 控件 的 使 用 ， 掌 握 上 传 文件 的 处 理 方法 ; 

掌握 SQL Server 通过 @QIDENITY 获取 新 增 记 录 ID 的 方法 。 


6.1 界面 攻 计 


后 台 页 面 通常 用 于 完成 网 站 数据 的 维护 ,也 就 是 数据 的 增加 修改 和 删除 ,对 于 MPMM 
来 说 ， 就 是 首 乐 分 类 和 音乐 资料 数据 的 维护 ， 第 1 章 已 经 给 出 了 大 笃 的 设计 草图 。 

1.。 音乐 分 类 维护 页 面 

音乐 分 类 维护 主页 面 如 图 6-1 所 示 ， 页 面 主体 为 音乐 分 类 列表 ,“ 添 加 ”按钮 用 于 新 增 

个 音乐 分 类 。 列 表 每 一 行 右 侧 有 两 个 超 链接 ， 分 别 链接 到 对 应 音乐 分 类 的 修改 和 删除 页 
面 。 为 了 方便 小 明 跳 转 到 不 同 页 和 面 ， 所 有 页 面 都 保留 了 统一 的 Logo 和 导航 栏 ， 下 面 设 计 
中 不 再 体现 这 一 点 。 


OA 小明 的 音乐 库 首页 | 分 类 维护 | 资料 维护 | 查找 资料 
一 
编码 名 称 描述 
kW 
3 二 音乐 有 广义 、 儿 之 分 广义 是 指 西洋 “从 
kk 流行 (Pop music 或 Popul.. 修改 
yg 摇滚 摇滚 乐 ， 英 文生 称 为 Rock’ N' Ro.. 修改 ” 出 隆 
xc 多 村 多 村 音乐 “Country music) 是 .… 修改 。 出 陈 


图 6-1 音乐 分 类 维护 CategoryMegr.apsx 主页 面 浏览 效果 
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添加 和 修改 音乐 分 类 的 页 面 基本 相同 ， 统 一 到 单个 编辑 页 面 ， 如 图 6-2 所 示 。 


编码 [| | 
名 称 | 


简介 
| 


图 6-2 ”增加 和 修改 音乐 分 类 CategoryEdit.aspx 页 面 浏 览 效果 


本 | 


副 除 页 面 采用 和 编辑 页 面 类 似 的 界面 ， 增 加 了 删除 确认 提示 ， 修 改 了 按钮 标题 ， 同 
时 将 文本 框 控件 设置 为 只 读 模式 以 免 小 明 误 认为 可 以 在 此 修改 音乐 分 类 信息 )， 如 图 6-3 
所 示 。 


确定 出 | 除 该 分 类 吗 ?| 厅 病 | ji 滩 


图 6-3 ”音乐 分 类 删除 CategoryDelete.aspx 页 面 浏览 效果 


2. 音乐 资料 维护 页 面 

音乐 资料 维护 的 主页 面 和 音乐 分 类 维护 主页 面 基本 相同 ， 如 图 6-4 所 示 。 
编码 名称 分 类 媒体 描述 
ldyicq 克罗地亚 狂想 曲 古典 ”CD 出自 专辑 《Thepiane 。 修改 痢 队 


ye 
二 Scarborough Far 古典 ”CD Fa (斯 卜 。 修改 而 除 
xgalks 。 献 给 过 丽 些 古典 。” Mp3 入 献 给 爱丽 丝 族 修改 ” 删除 


图 6-4 音乐 资料 维护 MusicMegr.aspx 主页 面 浏览 效果 


增加 和 修改 音乐 资料 的 页 面 与 音乐 分 类 编辑 页 面 有 所 不 同 ， 因 为 需要 通过 选择 的 方式 
来 指定 音乐 分 类 、 媒 体 类 型 ， 要 能 上 传 图 片 ， 并 且 如 果 是 数字 化 音乐 (如 MP3 格式 的 音乐 
资料 ) 还 需要 能 够 上 传 对 应 的 音乐 文件 ， 所 以 相应 的 界面 设计 如 图 6-5 所 示 。 

至 于 删除 音乐 页 面 MusicDelete aspx， 没 有 什么 特别 之 处 ， 请 读者 自行 完成 设计 。 

3， 母 版 页 技术 

随 着 网 站 中 页 面 的 增多 ， 有 必要 把 一 些 页 面 分 类 放 到 不 同 的 文件 夹 中 ， 方 便 管理 ， 而 
且 对 页 面 作用 的 理解 也 会 有 所 帮助 .例如 , 通常 把 后 台 页 面 保存 在 名 为 Admin 的 文件 夹 中 。 
如 果 需 要 ， 还 可 以 根据 管理 的 对 象 进一步 创建 子 文 件 夹 。 

MPMM 中 页 面 不 多 ， 因 此 将 所 有 后 台 页 面 保存 到 Admin 文件 夹 中 。 为 此 ， 需 要 修改 
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导航 链接 ， 例 如 <a hre 人 "CategoryMgraspx"> 需 要 修改 成 <a href="Admin/CategoryMer. 


3aSDX >。 


攻 贾 给 爱丽 丝 入 《foz 


编码 |x ls 
ee 一 Elise)》 是 见 和 多 芬 创 作 的 一 首 
分 类 | 古典 ”| 钢琴 小 品 。 贝多 劳 是 集 西方 古 


ER 派 之 大 成 ， 开 浪漫 乐 派 之 先 
名 称 二 给 爱丽 毕 河 的 伟大 作曲 家 。 人 们 都 比 图 
作者 | 贝多 苍 介绍 来 和 四 提要 六 轩 作品 人 但 


出 版 日 1867V1 0:00:00 品 ; 也 同 祥 给 人 留 下 了 深刻 的 
印象 。 铜 琴 小 品 改 献 给 爱丽 
价格 |o.00 丝 » 就 是 其 中 比较 著名 的 一 
首 。 但 乐谱 被 发 现 于 1867 
媒体 [Mp3 -| 年 ， 因 此 在 他 生前 并 未 发 表 。 司 
获取 日 [2010/4/15 0:00:00 向 一 
图 片 浏览 . 。 | 


rgesbdr re 


媒体 文件 Mosics/6 mmp3 [天 
保存 | 取消 | 
图 6-5 ”增加 和 修改 音乐 资料 MusicEditaspx 页 面 浏览 效果 


MPMM 每 个 页 面 的 整体 布局 是 一 样 的 ， 因 此 修改 导航 链接 需要 打开 每 个 页 面 分 别 进 
行 ， 类 似 这 样 的 维护 工作 是 很 烦人 的 。 为 此 ，ASPNET 提供 了 母 版 页 的 功能 ， 通 过 使 用 母 
版 页 ， 不 同 的 页 面 可 以 共享 同一 个 布局 。 通 帝 把 使 用 母 瞩 页 的 页 面 称 为 子 页 面 。 

1) 添加 母 版 页 

下 和 面 为 MPMM 增加 一 个 母 版 页 。 右键 单 击 MPMM 网 站 , 在 快捷 妆 单 中 选择 “ 添 加 一 
浴 加 新 项 ”命令 ， 然 后 骨 在 弹出 对 话 框 中 选择 “和 母 版 员 ” 模 株 。 际 了 母 版 页 的 后 台 类 是 继 
水 目 System.Web.UI.MasterPage 类 以 外 ， 母 版 页 基本 上 就 是 一 个 ASPNET 页 面 ， 所 以 可 以 
从 Default.aspx 中 复制 主要 的 页 面 代码 ， 得 到 母 版 页 界面 代 公 如 下 : 


<SQ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage. 
master.cs" Inherits="MasterPage™ $> 
<IDOCTYPE html> 
<html xmlns="http://www.w3.0rg/1999/xhtml "> 
<head runat="server"> 
<title> 
<asp:ContentPlaceHolder ID="cphTitle"™" runat="server"> 
</asp:CcontentPlaceHolder> 
</title> 
</head> 
<body> 
<form id="forml" runat="server"> 
<dliv> 
<table> 
<tr> 
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<td >.…<s-- Logo 图 表 和 网 站 标题 。--%$></td> 
<td> 
<a href="<%=ResolveUrl ("~/Default .aspx") 当 >1> 首 页 </a> | 
<a href='<$=ResolveUrl ("~/Admin/CategoryMgr .aspx")$>'> 分 类 维护 </a> | 
<a href='<%=ResolveUrl ("~/Admin/MusicMgr.aspx") $>'> 贸 料 维 扩 </a> | 
<a href='<$%=ResolveUrl ("~/SearchMusic.aspx") $>'" > 人 育 找 资料 </a> 
</td> 
</tr> 
六 上 上 工 > 
<td colspan="2"> 
<asp:ContentPlaceHolder ID="cphMain™ runat="server"> 
</asp:ContentPlaceHolder> 
</td> 
</tr> 
</table> 
</d1iv> 
</form> 
</body> 
</html> 


2) 占 位 控件 

母 版 页 中 使 用 ASPNET 控件 ContentPlaceHolder 茶 换 了 原来 的 分 类 守 肌 列表 和 首 乐 资 
料 列表 ， 这 就 是 为 具体 页 面 内 容 “ 占 位 置 ” 的 占 位 控件 ， 子 页 面 必 须 有 和 占 位 控件 相同 数 
量 的 “内 容 控件 ”来 提供 最 终 的 实际 内 容 。 

在 MPMM 的 母 版 页 中 ,设计 了 DD 属性 值 分 别 为 cphTitle 和 cphMain 的 两 个 占 位 控件 ， 
前 者 为 <title> 标 记 中 内 容 占 位 ， 后 者 为 页面 主要 内 容 占 位 。 

3) 网 站 绝对 路 径 

当 母 版 页 被 不 同 路 答 下 的 子 页 和 面 所 使 用 时 ， 母 版 页 中 的 URL 就 不 能 使 用 相对 路 径 ， 
为 相对 路 径 是 相对 子 页 面 而 言 的 。 母 版 页 也 不 能 使 用 绝对 路 径 ， 因 为 绝对 路 径 是 从 Web 
站 点 的 根 文 件 夹 开始 的 ， 但 一 个 Web 网 站 可 以 部 站 成 Web 站 点 的 子 站 点 ， 此 时 绝对 路 径 
是 从 Web 站 点 而 不 是 网 站 开始 。 

例如 在 VS 中 调试 时 , MPMM 的 URL 可 能 是 http://localhost:1031/MPMM/Default.aspx,， 
此 时 绝对 路 径 /Images/musiccd.jpg 表示 http://localhost:1031/Images/musiccd.jpg, 而 不 是 实际 
布 望 的 http://localhost:1031/MPMM /Tmages/musiccd.jpg。 

为 此 , URL 提供 了 从 网 站 开始 的 绝对 路 径 表 示 方 法 , 这 就 是 在 绝对 路 径 前 面 使 用 “一 ” 
符号 来 表示 网 站 根 文件 夹 ， 例 如 MPMM 和 母 版 页 中 的 

<1img src="~/Images/musiccd.Jpg" runat="server™. /> 

必须 注意 ， 这 种 表示 方法 是 ASPNET 在 服务 器 端 处 理 的 ， 所 以 必须 在 <img> 标 记 中 加 
上 runat="server" 属 性 。 

但 有 些 HTML 元 素 不 文 持 在 服务 器 站 处 理 ， 此 时 就 必须 用 能 入 页 面 的 ASPNET 代码 
来 实现 网 站 绝对 路 径 了 ， 例 如 ; 


A 
A | 
了 | | 站 a 

| | 
89 咱 
= a 
be -A 
Ee 


和 


咱 
: | 


Ra 
| 
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<a href='<%=ResolveUr]l ("~/Admin/CategoryMgr.aspx")$%>'> 分 类 维护 </a> 


中 的 <%=ResolveUrl("~/Admin/CategoryMer.aspx")%>。<% 一 < 表达 式 >%> 标 记 用 于 表示 在 服 
务 俐 羡 生 成 结果 页面 时 ， 需 要 将 表达 式 的 计算 结果 代入 标记 所 在 位 置 ， 作 为 结果 页 和 面 中 的 
内 容 。 而 ResolveUrl0 方 法 是 页 面 类 中 负 贡 解析 URL 路 径 的 方法 ， 它 能 正确 处 理 网 站 相对 
路 径 。 

4) 使 用 母 版 页 

使 用 母 厂 页 ， 需 要 在 创建 新 ASPNET 页 面 时 选中 “选择 母 版 页 ”选项 ， 如 图 6-6 所 示 。 


IY| 将 代码 坊 在 单独 的 文件 中 心 


图 6-6 选择 使 用 母 版 页 


一 个 网 站 可 以 有 多 个 母 版 足 ， 单 击 图 6-6 中 的 “添加 ” 控 钮 后 会 弹出 如 图 6-7 所 示 的 
对 话 框 ， 为 新 建 负面 指定 所 使 用 的 母 版 员 。 


项 目 文件 来 人 P): 立 件 来 内 容 (c): 


辐 MPMM 加 vlasterPage.master 
Admin 


» App_Code 


MM iusic 


确定 | 取 泪 


图 6-7 ”选择 使 用 哪个 母 版 页 的 对 话 框 


例如 ，CategoryMgraspx 页 面 使 用 母 版 页 后 的 页 面 代码 为 


<SQ@ Page TILtlLe=""” Language="C#" MasterPageFile="~/MasterPage.master" 
AutoEventWireup="true" CodeFile="CategoryMgr.aspx.cs" 
Inherits="Admin CategoryMgr" $%> 

<asp:Content ID="contHead" ContentPlaceHolderID="cphTitle™" runat="Server"> 

<$s-- 取 代 母 版 页 中 占 位 控件 cphTitle 的 内 容 。--$> 

</asp:Content> 

<asp:Content ID="Content" ContentPlaceHolderID="cphMain™" Runat="Server"> 

<$ 一 一 取代 母 版 页 中 占 位 控件 cphMain 的 内 容 。--g$> 


</asp:Content> 
从 上 述 代码 中 看 到 页 面 @Page 指示 和 从 增加 了 MasterPageFile 属性 ， 用 于 指定 该 页 面 所 


使 用 的 母 版 页 。 因 此 ， 若 要 为 前 面 已 经 创建 的 ASPX 页 面 指定 使 用 母 版 页 ， 就 需要 手工 添 
加 MasterPageFile 属性 。 
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当 用 户 访 问 使 用 了 和 母 版 页 的 内 容 页 时 ， 内 容 页 将 与 母 版 页 合并 ， 内 容 矶 的 Content 控 
件 内 容 将 根据 ContentPlaceHolderID 属性 值 蔡 换 母 版 页 中 对 应 的 ContentPlaceHolder 控件 。 

下 面 以 Default.aspx 页 面 为 例 说 明 如 何 为 其 使 用 母 版 页 ， 这 需要 两 方面 的 修改 : 一 是 
手工 为 @Page 指示 符 添 加 MasterPageFile 属性 ， 二 是 为 了 适应 母 版 页 ， 将 首页 布局 调整 为 
一 张 表 格 ， 这 张 表 格 将 代替 母 版 页 中 的 占 位 控件 ， 成 为 母 版 页 中 表格 的 第 2 行 第 1 列 的 内 
容 。 调 整 后 的 代码 如 下 : 


<S$Q@ Page Language="C#" MasterPageFile="~/MasterPage.master" 
AutoEventWireup= "true" 
CodeF1ile="Default .aspx.cs" Inherits=" Default™ %> 
<asp:Content ID="contHead" ContentPlaceHolderID="cphTitle™" runat="Server"> 
首页 
</asp:Ccontent> 
<asp:Content ID="Content" ContentPlaceHolderID="cphMain™" runat="Server"> 
<table width="]100%"> 
<tr> 
< 七 Q width="20$%"> 
<asp:Literal ID="litCategoryList"™" runat="server"></asp:Literal> 
</td> 
<td colspan="2"™ width="80$%"> 
快速 会 找 : 
<asp:TextBox ID="tbKey™" runat="server"></asp:TextBox> 
<asp:Button ID="btQuickSeek" runat="server"” Text=" 答 找 " 
onClick="btQuilickSeek Click™ /> 
<br /> 
<asp:Literal ID="1itMusicList" runat="server"></asp:Literal> 
</td> 
</tr> 
</table> 
</asp:Content> 


请 读者 用 同样 的 方法 完成 对 其 他 页 面 的 修改 。 
6.2 ”数据 更 新 功能 


前 面 已 经 学 习 了 数据 库 的 得 询 功能 ， 要 实现 后 台数 据 管理 偿 需要 用 到 数据 库 的 数据 更 
新 功能 。SQL 语言 中 ， 用 于 实现 数据 增 、 删 、 改 功能 的 语句 主要 就 是 三 条 : INSERT、 
DELETE 和 UPDAIE， 注 意 它 们 也 是 以 集合 为 单位 进行 操作 的 。 

1. INSERT 

1) 新 增 1 条 记录 

INSERT 语句 用 寺 问 数据 库 表 中 增加 记录 ， 最 第 用 的 语法 为 

INSERT [INTO] < 表 名 > [< 字段 清单 >] 

VALUES (< 对 应 值 清 单 >) 


其 中 了 字段 清单 可 以 省 略 ， 表 示 和 采用 表 的 默认 字段 清单 ， 也 融 是 全 部 字段 且 按 定 义 时 的 顺序 
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排列 ， 但 需要 跳 过 那些 自动 生成 值 的 字段 。 

例如 ， 问 Category 表 新 增 一 条 记录 的 SQL 语句 : 

INSERT INTO Category 

VALUES ('dz'，' 电 子 '，' 电 子音 乐 (ELectronicmusic, 也 称 TECHML) ， 简 称 电 音 、 电 子 

乐 。 广 义 而 言 ， 只 要 是 使 用 电子 设备 所 创造 的 音乐 ， 都 可 属 之 。"'，NULL) 
其 中 ,第 1 列 ID 字段 ， 由 于 是 目 增长 列 无 须 提 供 值 。 最 后 一 列 Parent_ID 字段 ，MPMM 
不 打算 文 持 多 级 分 类 ， 所 以 无 顷 赋值 ， 但 由 于 采用 了 默认 字段 清单 ， 所 以 显 式 提供 NULL 但 。 

指定 字段 清单 可 以 让 INSERT 语句 有 更 好 的 适应 能 力 。 如 果 字 段 不 能 自动 赋值 -， 字 段 
清单 中 就 不 能 省 略 这 个 字段 ， 但 出 现 顺 序 可 以 随意 ， 只 要 VALUES 子 句 提供 值 顺 序 和 其 保 
持 一 致 即 可 。 例 如 前 面 的 SQL 语句 可 以 修改 为 : 

INSERT INTO Category (Name, Code, Descript1ion) 

VALUES (' 电 子 '，'dz',，' 电 子音 乐 (ELectronicmusic, 也 称 TECHML) …) 


这 样 , 即使 Category 表 的 字段 定义 顺序 进行 了 调整 , 这 条 INSERT 语句 还 是 能 够 正 种 工作 。 
注意 INSERT 中 的 字段 清单 和 VALUES 后 面 的 值 都 必须 包含 在 一 对 括号 中 。 
2) 批量 新 增 记 录 
INSERT 语句 还 可 以 批量 新 增 记录 ， 此 时 其 值 的 提供 来 自 于 查询 ， 具 体 的 语法 为 
INSERT [INTO] < 表 名 > [< 字段 清单 >] 
< 子 查 询 > 


例如 ， 给 Category 表 中 每 条 记录 增加 一 个 默认 下 级 分 类 ， 只 需要 一 条 INSERT 语句 : 
INSERT INTO Category 


SELECT Code + '.x]',， Name + ' .下 级 ',， Description, ID 
FROM Category 


DBMS 会 首先 完成 子 得 询 ， 然 后 将 结果 记录 集 添 加 到 指定 的 表 中 ， 注 意 碍 询 结果 的 字 
段 排列 顺序 。 补 充 说 明 几 点 : 

(1) INSERT INTO 的 目标 表 和 子 查 询 表 之 间 没 有 任何 关系 ， 这 个 例子 中 刚好 是 同一 
张 表 ， 但 查询 和 新 增 分 两 步 进 行 ， 所 以 不 用 担心 新 增 数据 被 查询 出 来 。 实 际 上 ， 子 查询 就 
是 标准 的 SELECT 查询 语句 ， 可 以 是 一 个 很 复杂 的 查询 。 

(2) 这 个 子 查 询 中 的 结果 列 使 用 了 计算 列 ， 也 就 是 说 可 以 对 某 些 字段 进行 计算 ， 将 计 
算 结果 作为 结果 。 计 算 列 可 以 是 很 复杂 的 表达 式 ， 甚 至 可 以 包含 条 件 表达 式 、 函 数 调用 等 。 

(3) INSERT 语句 只 关心 子 得 询 列 的 顺序 ， 不 关心 得 询 结果 的 列 名 。 例 如 上 述 构造 下 
级 分 类 的 INSERT 语句 ， 子 查询 的 最 后 1 列 名 为 ID， 而 按照 默认 字段 清单 顺序 对 应 的 是 
Parent ID 列 ， 所 以 新 增 记 录 的 Parent ID 子 段 值 焉 会 等 于 子 得 询 结果 记录 的 ID 字段 值 。 

2. UPDATE 

UPDATE 语句 用 于 修改 数据 库 表 中 的 记录 ， 其 语法 为 


1 如 目 增 长 列 、 时 间 截 列 。 
2 日 动 赋值 的 情况 包括 自动 生成 值 、 设 置 有 默认 值 ， 以 及 允许 为 空 时 的 默认 值 NULL 。 
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UPDATE < 表 名 > SET < 赋值 清单 > 
[WHERE < 查询 条 件 >] 


其 中 赋值 清单 束 是 “< 字段 >=< 值 >，< 和 字段 >=< 值 >，…” 这 样 的 形式 ， 所 谓 “ 值 ”可 以 是 
任意 表达 式 ， 只 要 结果 满足 对 应 字段 的 约束 条 件 即 可 。 

UPDATE 语句 中 的 WHERE 子 句 用 来 指定 修改 记录 的 范围 ， 只 有 满足 条 件 的 记录 才 会 
执行 修改 。 如 果 省 略 了 WHERE 子 句 ， 就 表示 对 表 中 所 有 数据 进行 修改 。 例 如 ， 修 改 音乐 
资料 《Scarborough Fair》 分 类 的 SQL 语句 是 


UPDATE Music SET Category ID=110 
WHERE Code='sf' 


因为 音乐 资料 《Scarborough Fair》 的 Code 字段 值 为 'sf'"， 而 旦 定义 Music 表 时 有 一 个 
表 级 约束 保证 Code 字段 值 是 唯一 的 , 所 以 UPDATE 通过 条 件 表 达 式 Code='sf ' 可 以 唯一 确 
定 需要 修改 的 记录 。 这 条 语句 的 语法 没有 任何 错误 ， 但 执行 结果 是 失败 的 ， 错 误 信 息 为 

消息 547， 级 别 16， 状 态 0， 第 1 行 

UPDATE 语句 与 FOREIGN KEY 约束 "FK Music Category" 冲 突 。 该 冲突 发 生 于 数据 库 

"MpmmDB"， 表 "dbo.Category"， Ccolumn 'ID'。 

语句 已 终止 。 


回顾 一 下 外 键 的 概念 ， 该 语句 试图 为 Music 表 的 外 键 Category JID 字段 设置 一 个 值 ， 
但 外 键 参照 的 Category 表 中 不 存在 症 字段 值 等 于 这 个 值 的 记录 。 所 以 UPDAIE 语句 执行 
失败 。 

下 面 语句 将 修改 所 有 成 本 超过 20 元 的 音乐 资料 ， 同 时 修改 Memo 和 Name 字段 值 : 

UPDATE Music SET Memo=' 贯 重 物 品 ! ，Name="*71+TName 

WHERE Cost>20 AND Name NOT LIKE '‘'*%' 


其 中 Name 子 段 的 设置 使 用 了 表达 式 ， 在 原来 的 Name 子 段 值 前 添加 一 个 “*” 写 。 这 条 语 
名 还 可 以 反复 执行 而 不 会 导致 Name 字段 值 出 现 多 个 “*” 写 ,因为 其 中 的 条 件 表 达 式 能 
检查 Name 是 人 否 以 “*” 号 开始 。 
可 以 看 到 ，UPDATE 中 的 赋值 ， 可 以 是 一 个 表达 了 式 ， 这 个 表达 陈 可 以 非常 复杂 ， 其 全 
可 以 是 一 个 得 询 的 线条 。 例 如 ， 和 希望 把 所 有 音乐 分 类 为 “ 吝 典 ”的 音乐 资料 都 修改 成 “ 流 
行 "， 但 只 知道 各 音乐 分 类 的 Code 字段 值 ， 而 不 知道 它们 的 ID 字段 值 ， 则 SQL 语句 可 以 
这 样 写 ; 
UPDATE Music SET Category ID= (SELECT ID FROM Category 
WHERE Code="1x") 
WHERE Category ID= (SELECTI ID FROM Category 
WHERE Code= gd ) 


也 就 是 说 ， 只 要 僵 娩 的 结 下 是 一 个 唯一 值 ， 束 可 以 将 俘 询 当 作 普 通 的 值 来 使 用 。 


定 要 小 心 确保 语句 的 正确 性 。 开 发 阶段 做 一 些 试验 时 ， 可 以 先 做 好 数据 库 备份 ， 以 便 随 时 
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恢复 数据 。 下 面 介 绍 的 删除 操作 也 是 如 此 。 
3。 DELETE 
DELETE 语句 用 于 删除 数据 库 表 中 的 记录 ， 其 语法 为 
DELETE [FROM] < 表 和 名 > 
[WHERE < 查询 条 件 >] 


其 中 的 WHERE 子 名 用 来 指定 删除 记录 的 范 围 ， 只 有 满足 条 件 的 记录 才 会 被 删除 。 如 末 省 
皮 了 WHERE 子 名 ， 束 表示 删除 表 中 所 有 数据 ! 
例如 ， 删 除 “ 乡 村 ”(ID=4) 首 乐 分 类 的 SQL 语句 为 


DELETE Category WHERE ID=4 


这 条 DELETE 语句 省 略 了 FROM 关键 字 ， 但 仍然 表示 删除 表 中 的 记录 ， 而 不 是 删除 表 本 
号 (删除 表 用 DROP TABLE 语句 )， 注 意 两 者 的 区 别 。 同 样 ， 这 条 语句 的 语法 没有 错误 ， 
但 如 果 执 行 了 前 面 批量 修改 分 类 的 SQL 语句 ， 那 这 条 语句 的 执行 结果 也 会 出 错 。 

删除 失败 的 原因 仍然 是 外 键 约 束 : 因为 音乐 分 类 “乡村 ”存在 相关 的 音乐 资料 ， 而 且 
在 定义 外 键 时 选择 的 是 “拒绝 删除 ”方式 ， 那 么 在 存在 “从 记录 ”( 相 关 音 乐 资 料 ) 的 情况 
下 就 无 法 删除 “ 主 记 录 ”( 音 乐 分 类 )。 当 然 可 以 选择 “级 联 删 除 ” 的 方式 ， 这 样 在 删除 “ 主 
记录 ”之 前 会 自动 删除 所 有 的 “从 记录 ” 

一 般 来 说 ， 上 自动 删除 会 让 使 用 者 误 以 为 一 些 记录 莫名 其 妙 消失 了 ， 所 以 绝 大 部 分 情况 
下 ， 开 发 人 员 应 该 选择 “拒绝 删除 ”的 方式 。 如 果 的 确 要 删除 “ 主 记录 ”， 可 以 让 用 户 显 式 
发 出 删除 所 有 “从 记录 ”的 指令 ， 然 后 再 来 删除 “ 主 记录 ”。 


6.3 音乐 分 类 管理 


1. 主页 面 

1) 页 面 代码 

在 Admin 文件 夹 下 新 建 CategoryMgraspx 页 面 , 页 面 布局 通过 表格 实现 , 第 一 行为 “ 添 
加 ”按钮 ， 第 二 行为 一 个 Literal 控件 ， 用 于 放置 通过 代码 生成 的 管理 列表 ， 主 区 域 部 分 的 
页 和 面 代 公 如 下 所 示 : 


<table> 
六 下 下 > 
< 七 Q> 
<asp:Button ID="btAdd™ runat="serVvernr Text=” 深 加 ” 
OnClick="btAdd C1LLCK"” /><br /> 
</td> 
</tr> 
* 
<td> 
<asp:Literal ID="litCategoryList"™" runat="server"></asp:Literal> 
</td> 
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</try 
</tabley> 


2) 页 面 初 始 化 代码 

页 面 初始 化 时 ， 需 要 生成 分 类 的 管理 列表 ， 也 就 是 分 类 的 信息 列表 和 人 修改、 删除 的 超 
链接 ， 这 通过 在 Page Load() 方 法 中 调用 BuildCategoryList() 方 法 实现 。 由 于 不 存在 人 处理 回 
发 请 求 的 问题 ， 所 以 不 需要 检查 IsPostBack 属性 值 。BulildCategoryListO0 方 法 的 代码 为 


/// <summary> 
/// 根据 数据 库 中 的 Category 表 ， 构 造 音乐 分 类 管理 列表 


/// </summary> 


private Vold BuildCategoryL1ist() 


{ 


stringBuilder sb = new StringBuillder (); 


Sb 
Sb 
Sb 
sb 
sb 
sb 
sb 


-Append ("<table>")}); 

.Append ("<tr>"); // 标 题 行 
.Append ("” <th> 编 码 </th>"); 
.Append ("<th> 名 称 </th>"); 
.Append ("” <th> 描 述 </th>") ; 
-Append(™" <th></th><th></th>"); 
.Append ("</tr>"); 


string sql = "SELECT * FROM Category WHERE Parent ID IS NULL"; / /sgl 语 何 
SqlCommand cmd = new SqlCommand (sql，dbConn); /7/ 创 建 数据 库 命 令 对 象 
try 


{ 


dbConn .Open () ; // 打 开 数 据 库 连接 
SqlDataReader dr = cmd.ExecuteReader (); // 执 行 SQL 语句 ， 获 取 数 据 库 读 取 对 象 
while (dr.Read()) // 当 成 功 读 取 下 一 行 时 


{ 


} 


sbh.Append("<tr>"); 
/ /描述 超 长 截断 处 理 
string description = CommonTools.TrimByLenth (dr["Description"™], 20);}; 
/ /拼装 一 行 音 乐 分 类 的 内 容 展示 HTML 代码 
sb.AppendFormat ("<td>{0}</td><td>{1}</td><td>{2}</td>", 
dr["Code"] ,dr["Name"]，description); // 拼 装 音 乐 分 类 的 内 容 部 分 
sb.AppendFormat ("<td><a href='CategoryEdit.aspx?id={0}'> 修 改 </a></td>",， 
dr["ID"] ); // 拼 装修 改 音乐 分 类 的 超 链接 
sb.AppendFormat ( 
"<td><a href="'CategoryDelete.aspx?id={0}'> 删 除 </a></td>",， 
dr["ID"] ); // 拼 装 删 除 音 乐 分 类 的 超 链接 
sb.Append ("</tr>")，; 


qdr-Close() : 


} 


catch 


{ 


sb.Append ("<tr><td colspan="'9" > 读 取 数据 库 失 败 ! </td></tr>"); 
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finally 
dbConn.Close (); // 关 团 数据 库 连接 
} 
sb.Append ("</table>"); / /HTML 表格 结束 标记 
litcategoryList.Text = sb.ToString(); // 显 示 内 容 
} 


音乐 分 类 管理 列表 通过 <table> 元 素 实现 布局 ， 编 与 代码 时 注意 以 下 几 个 方面 。 

(1) 在 谈 取 数据 前 ， 先 为 表格 添加 了 一 行 标题 。 表 格 标题 行 也 用 <t> 标 记 定义 ， 但 其 
中 的 列 用 <th> 标 记 定 义 。< 了 th> 标 记 和 <td> 标 记 用 法 完全 一 样 ， 只 是 语义 上 前 者 表示 标题 ， 
后 者 表示 和 内 容 。 

(2) 在 MPMM 中 ,不 考虑 实现 多 级 音乐 分 类 ， 尽 管 数 据 库 中 有 上 下 级 分 类 的 设计 ， 
但 程序 代码 中 通过 WHERE Parent ID IS NULL 将 所 有 下 级 音乐 分 类 都 过 滤 挥 了 。 

(3) 描述 字段 的 处 理 采 用 了 超 长 截断 , 通过 调用 目 定义 工具 类 CommonTools 的 静态 方 
法 TimByLengthO 实 现 。 

(4)“ 人 修改” 和 “删除 ” 超 链接 通过 GET 方法 传递 需要 修改 或 删除 的 分 类 ID 字段 值 。 

3) 页 面 重 定 辣 

双击 页 面 上 的 “添加 ”按钮 , 在 页 面 类 中 添加 用 于 处 理 单 击 事件 的 btAdd_Click(0 方 法 ， 

/// <summary> 

/// 添加 按钮 单 击 事件 处 理 

/// </summary> 

protected vold btAdd Click(object sender, EventArgs e) 

{ 

Response.Redirect ("CategoryEdit.aspx"); // 重 定 问 到 音乐 分 类 添加 页 面 
} 


方法 中 只 有 一 行 代码 ， 用 于 告诉 客户 六 浏览 上 融 “ 跳 转 ” 到 CategoryEdit.aspx 页 面 。 

代 人 码 很 简 单 ， 但 一 定 要 注意 ， 这 段 代 人 码 是 在 服务 占 病 执行 的 ， 但 这 绝对 不 是 在 服务 占 
闹 味 : 转 到 CategoryEdit. a 页 面 。 实际 上 ，Redirect0 方 法 会 在 返回 的 HIML 页 面 中 放置 一 
条 HIML 跳 转 指令 ， 当 浏览 器 收 到 从 服务 器 返回 的 HTML 代码 时 就 会 根据 这 条 指令 重新 
回 服务 器 发 出 访问 Cc rE a 页 面 的 请 求 。 所 以 对 于 CategoryEdit.aspx 页 面 来 说 ， 
这 完全 是 一 次 新 的 请 求 ， 和 调用 RedirectO 方 法 的 页 面 没有 任何 关系 。 

因此 ， 跳 转 目 标 页 面 是 无 法 访问 当前 页 面 中 的 任何 控件 、 属 性 、 变 量 的 ， 如 果 一 定 要 
将 什么 信息 传递 到 目标 页 面 的 话 ， 需 要 通过 其 他 方法 来 实现 。 例 如 ， 可 以 在 Redirect0 方 法 
的 URL 参数 中 附加 查询 字符 串 变 量 等 。 

2. 编辑 页 面 

1) 页 面 代码 

在 Admin 文件 夹 下 添加 CategoryEdit.aspx 页 面 ， 页 面 布 局 仍然 通过 表格 实现 ， 人 第 一 列 
为 Label 文本 标签 控件 ， 第 二 列 是 TextBox 文本 框 控件 。 页 面 主要 代码 如 下 : 
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<asp:HiddenField ID="hideID™ runat="server™" /> 
<table> 
<tr> 
<td><asp:Label ID="lbCode" runat="server" Text=" 编 码 "></ asp:Label></td> 
<td><asp:TextBox ID="tbCode™ runat="server™. Width="200px"> 
</asp:TextBox></td> 
</tr> 
<tr> 
<td><asp:Label ID="1bName" runat="server"” Text=" 名 称 "></asp:Label></td> 
<td><asp: TextBox ID="tbName™" runat="server™" Width="200px"> 
</asp:TextBox></td> 
</tr> 
<tr> 
<td><asp:Label ID=”"1bDescription runat="server"” Text=" 人 简介 "> 
</asp:Label></td> 
<td> 
<asp:TextBox ID="tbDescription™ runat="server™" Height="200px" 
TextMode="MultiLine™" Width="300px"></asp:TextBox> 
</td> 
</tr> 
<tr> 
<td></td> 
<td> 
<asp:Button ID="btsave” runat="server" Text=" 保 存 " 
onclick "btoave CLlick"/> 
gnbsp; <asp:Button ID="btCancel™" runat="server"” Text=" 取 少 "” /> 
</td> 
</tr> 
<tr> 
<td></td> 
<td><asp:Label ID="lbPrompt" runat="server"></asp:Label></td> 
</tr> 
</table> 


上 述 代 码 中 用 于 输入 描述 的 TextBox 文本 框 (ID 值 为 tbDescription) 使 用 了 多 行 模式 ， 
这 是 通过 设置 TextMode 属性 值 为 MultiLine 实现 的 。 表 格 最 下 面 的 两 行内 容 是 “保存 ”和 
“取消 ”按钮 ， 以 及 一 个 用 于 显示 提示 信息 的 Lable 控件 。 

2) HiddenField 

上 述 页 面 代码 中 特别 需要 注 苇 的 是 <table> 标 记 前 的 HiddenField 控件 ， 它 对 应 HTML 
表单 中 的 隐藏 域 元 素 。HiddenField 控件 和 TextBox 控件 一 样 ， 可 以 在 发 给 客户 端 浏览 器 的 
HTML 代码 中 保存 一 个 值 ， 当 浏览 器 向 服务 器 提交 请 求 时 ， 也 会 作为 Form 表单 数据 的 一 
部 分 发 送 给 服务 器 。 这 个 控件 最 大 的 特点 是 不 会 显示 在 浏览 器 中 ， 所 以 叫做 隐藏 控件 。 

利用 隐藏 控件 可 以 让 页 面 携带 一 些 信 息 , 并 在 收 到 用 户 发 出 的 PostBack 请 求 时 取 回 这 
个 信息 。 这 样 可 以 实现 将 信息 从 一 次 请 求 传 递 到 另 一 次 请 求 ， 打 破 网 站 无 状态 的 本 质 。 打 
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破 网 站 无 状态 本 质 的 方法 有 很 多 ， 隐 藏 控件 是 比较 方便 的 一 种 。 

在 音乐 分 类 编辑 页 面 中 ， 通 过 ID 属性 值 为 hideID 的 隐藏 控件 保存 当前 正在 编辑 的 音 
乐 分 类 ID 字段 值 。 这 个 信息 对 于 开 有 人 员 来 说 是 重要 的 关键 字 ， 但 对 于 用 户 来 说 并 没有 
意义 ， 所 以 通过 隐 忠 控件 来 保存 古 非常 合适 的 。 

3) 页 面 初始 化 

编辑 页 面 的 初始 化 只 在 首次 请 求 页 面 时 才 需 要 进行 ， 该 页 面 中 “保存 ”和 “取消 ” 按 
钮 触发 的 PostBack 请 求 ， 已 经 被 ASPNET 转化 为 事件 方式 ， 只 需 在 相应 的 事件 处 理 方法 
中 完成 处 理 。 为 了 能 同时 满足 新 增 分 类 和 修改 分 类 的 需要 ， 初 始 化 时 还 需要 根据 请 求 分 别 
进行 处 理 。 有 具体 的 初始 化 代码 如 下 : 


if (!Page.IsPostBack) /7/ 非 回 发 请 求 ， 需 要 进行 页 面 初 始 化 处 理 
{ 
1f (String.IsNullorEmpty (Request["1d"])) 
/ /没有 传递 id 得 询 字 符 串 变量 ， 说 明 是 新 增 操作 


{ 
hideID-Value = "0"; // 记 录 新 增 操作 标记 到 隐藏 控件 
} 
else / /否则 ， 传 递 了 id 查询 字符 串 变 量 ， 说 明 是 修改 操作 
| 


hideID.Value = "一 "7 
// 记 录 修 改 操作 标记 ，-1 表示 尚未 检查 id 但 询 字 符 串 变量 值 是 否 合法 
String sql = string.Format ("SELECT * FROM Category WHERE ID = {0}", 
Request["1id"]).; 

SqlCommand cmd = new sqlCommand (sql, dbConn); 
try 
{ 

dbConn.open (); 

SqlDataReader dr = cmd.ExecuteReader (); 

if (dr.Read()) // 读 取 数 据 库 成 功 ， 设 管 输入 控件 值 为 对 应 音乐 分 类 字段 值 

{ 

hideID.Value = dr["ID"] .ToString(); // 隐 藏 控件 记录 修改 普 乐 分 类 的 ID 值 

tbcode .Text = dr["Code"™"] .Tostring(); 
tbName .Text = dr["Name"] .Tostring (); 


tbDescription.Text = dr["Description"] .ToString(); 
} 
dr.Close () :; 


} 


catch 


{ 


1 隐藏 控件 缺点 是 应 用 时 不 够 安全 ， 因 为 可 以 通过 查看 网 页 HTML 源码 看 到 隐藏 控件 值 。ASPNET 
会 自动 在 页 面 中 设置 一 个 叫做 “ ”ViewState” 的 隐藏 控件 ， 用 于 保存 ASPNET 控制 信息 ， 其 值 是 加 密 的 。 

2 因为 每 次 网 页 请 求 不 管 是 否 回 发 ， 都 是 独立 的 ， 所 以 标准 HTML 表单 控件 值 并 不 能 日 动 带 入 下 一 
次 请 求 。 但 ASPNET 利用 “ViewsState 隐藏 控件 在 两 次 请 求 之 间 保 存 ASPNET 控件 的 值 ， 所 以 无 须 反 复 
对 回 发 页 和 面 设置 这 些 控 件 的 值 。 


Web 程序 设计 ASP.NET 项 目 实 训 


lbPrompt .Text = " 读 取 数据 失败 ! "; // 通 过 Label 控件 显示 提示 信息 
} 
finally 
{ 
dbConn.Close () ; 
} 


} 


补充 说 明 一 下 上 述 代码 的 关键 处 理 逻 辑 : 

(1) 添加 或 修改 音乐 分 类 请 求 的 区 别 在 于 前 者 的 超 链接 带 有 查询 字符 串 变 量 ID， 其 值 
为 需要 修改 的 音乐 分 类 ID 字段 值 ， 后 者 则 没有 。 上 所以， 通过 判断 Request["id"] 的 值 是 否 为 
空 ， 可 以 区 分 所 需要 的 操作 。 

(2) 对 于 添加 操作 ， 设 置 hideID 控件 值 为 0， 以 便 添 加 完成 后 页 面 回 发 到 服务 器 时 能 
够 识别 出 操作 类 型 为 添加 。 

(3) 对 于 修改 操作 ， 首 先 从 数据 库 获 取 这 个 音乐 分 类 ， 并 将 其 各 字段 值 赋 给 对 应 输入 
控件 ， 方 便 用 户 在 原 基 础 上 修改 。 同 时 也 将 音乐 分 类 ID 字段 值 保 存在 hideID 中 ， 以 便 修 
改 完 成 后 页 面 回 发 到 服务 器 时 能 够 知道 需要 修改 的 音乐 分 类 是 哪个 。 

(4) 修改 操作 初始 化 时 ， 如 果 从 数据 库 获 取 音 乐 分 类 失败 ， 则 hideID 控件 值 会 保留 为 
-1， 以 便 在 页 面 回 发 到 服务 器 时 能 够 知道 这 是 失败 的 修改 操作 。 

4) 新 增 和 修改 音乐 分 类 

编辑 页 面 中 “取消 ”按钮 的 功能 ， 那 只 需要 重 定 向 〈 使 用 Redirect0 方 法 ) 返回 到 音乐 
分 类 管理 主页 面 即 可 。 

“保存 ”按钮 的 功能 ， 需 要 根据 hideID 控件 值 判断 操作 类 型 和 需要 修改 的 音乐 分 类 ， 
执行 相应 的 SQL 语句 ， 具 体 的 代码 如 下 : 


protected vold btSave Click(object sender, EventArgs e) 

{ 
int catId; 
Int32.TryParse (hideID.Value, out catId); // 从 隐藏 控件 中 获取 音乐 分 类 ID 字段 值 
if (catId == -1) //-1 表示 修改 音乐 分 类 操作 初始 化 时 读 取 音乐 分 类 失败 


{ 
lbPrompt .Text = "请 指定 需要 修改 的 分 类 。"; ”// 给 出 提示 信息 
} 
else 
{ 


String sql; 

if (catId == 0) //0 表示 是 新 增 音乐 分 类 操作 ， 拼 装 新 增 音乐 分 类 SQL 语句 

{ 
sql = string.Format (@"INSERT INTO Category (Code, Name, Descript1ion) 
VALUES ("{0}, {1}', {2}')", tbCode.Text, tbName .Text, 


tbDescription.Text); 
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else / /否则 是 修改 音乐 分 类 操作 ， 拼 装修 改 音乐 分 类 sQL 语句 
{ 

sql = string.Format (Q"UPDATE Category SET Code="'{0}', Name="'{1}", 

Description=" {2}" 

WHERE ID={3}", tbCode.Text, tbName.Text, tbDescription.Text, catId); 
} 
SqdlCcommand cmd = new SqlCcommand (sql, dbcConn); 
int cnt; 
try 
{ 

dbConn .open () ; 

cnt = cmd.ExecuteNonQuery (); 

/ /执行 新 增 或 修改 音乐 分 类 的 SQL 语句 ， 返 回 影响 记录 数 

} 
catch 
{ 

cnt = Os / /数据 库 操作 失败 ， 影 啊 记 录 数 设置 为 0 
} 
finally 
{ 

dbConn.Close(}); 
} 
if (cnt > 0) // 影 啊 记 录 数 >0， 说 明 数 据 库 操作 成 功 
{ 

Response.Redirect ("CategoryMgr .aspx"); 


/ /修改 数据 库 成 功 ， 跳 转 到 音乐 分 类 管理 页 面 


} 
else // 侍 则 ， 说 明 数 据 库 操作 失败 ， 显 示 提 示 信 息 
{ 


trindg etion 三 East == 0 2 TH" : "Boa": 
lbPrompt .Text = String.Format ("{0} 分 类 失败 ! "”，action) ; 
} 


} 


针对 上 述 代 码 注 意 以 下 几 点 : 

(1) hideID 控件 值 通过 Value 属性 获取 ， 其 值 是 一 个 字符 串 。 所 以 程序 先 通过 Int32 
类 的 TryParse() 方 法 试图 转换 成 整 型 数据 ， 保 存在 变量 catId 中 。 

(2) 通过 DbCommand 对 象 执行 SQL 语句 ， 由 于 INSERT 和 UPDATE 语句 都 不 是 查 
询 语 句 ， 结 果 不 是 一 张 表 ， 所 以 应 该 调用 ExcuteNoQuery0 〇 方法。 该 方法 返回 SQL 命令 影 
啊 的 记录 数 ， 通 过 这 个 记录 数 可 以 判断 SQL 话 句 是 否 执行 成 功 。 

3. SQL 注入 攻击 

到 目前 为 止 ， 当 需要 把 一 些 变量 等 的 值 嵌 入 到 SQL 语句 中 时 ， 都 使 用 String.Format() 
或 者 StringBuilder. AppendFormat() 方 法 ， 通 过 拼 状 字符 串 的 方法 来 实现 。 这 样 做 代码 非常 
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简单 ， 但 存在 看 安全 隐患 。 因 为 可 以 通过 一 种 叫做 “SQL 注入 攻击 ”的 手段 来 攻击 这 样 的 
网 站 系统 ， 该 攻击 吏 是 在 判断 网 站 可 能 用 参数 《得 询 变 量 或 表单 变量 ) 构造 SQL 语句 的 时 
候 ， 通 过 巧妙 构造 参数 ， 使 得 网 站 执行 特定 SQL 语句 的 技术 。 

例如 ， 在 估计 到 网 站 使 用 了 关 似 如 下 代 但 构造 得 询 音乐 分 关 的 SQL 语句 时 : 

string sql = string.Format ("SELECT * FROM Category WHERE ID = {0}", 

Request["id"]); 


入 侵 者 可 以 修改 URL 中 传递 的 卫 值 ， 将 其 改 为 以 下 字符 串 : 


1;EXEC sp configure "Show advanced options', 1;RECONFIGURE; EXEC sp 
configure 'xp cmdshell',1;RECONFIGURE; 


这 样 得 到 的 变量 sql 中 实际 上 是 多 条 SQL 语句 , 后 面 儿 条 的 作用 是 开启 SQL Server 执行 操 
作 系 统 命令 的 功能 。 如 果 成 功 ， 入 侵 者 就 可 以 进一步 设法 获得 服务 器 的 管理 员 权限 。 
防止 SQL 注入 的 方法 有 很 多 ， 如 使 用 数据 库 防 火 墙 ， 对 参数 进行 关键 学 检查 等 。 但 


最 人 简单 的 束 是 不 要 通过 拼装 字符 串 的 方法 来 癌 SQL 语句 提供 参数 的 值 ， 这 将 在 下 一 篇 中 
介绍 。 
4 删除 页 面 


1) 页 面 代 码 
删除 音乐 分 类 页 面 和 编辑 音乐 分 类 页 面 的 布局 基本 相同 ， 注 意 修 改 TextBox 控件 为 只 
读 ， 修 改 “ 人 保存” 按钮 标题 为 “删除 ” 即 可 。 设 置 控 件 只 读 属 性 的 页 面 代码 如 下 : 
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<asp: TextBox ID="tbCcode"” runat="server™" Width="200px" ReadOonly="True"> 
</asp:TextBox> 


“删除 ”按钮 以 及 删除 确认 提示 的 页 面 代码 为 


<asp:Label ID="]bPrompt" runat="server"> 人 确定 删除 该 分 类 吗 ?</asp:Label>&nbsp; 
<asp:Button ID="btDelete" runat="server"” Text=" 删 除 " 
onclick="btDelete C11LIcKk"” /V>&nbspr; 

<asp:Button ID="btCancel" runat="server™ Text=" 取 消 " 
onclick="btCancel Click™ /> 


具体 删除 音乐 分 类 的 页 面 代码 ， 请 读者 目 行 完成 。 

2) 页 面 初始 化 

删除 音乐 分 闫 页 面 的 初始 化 代 公 和 编辑 页 面 中 处 理 编 辑 操作 的 代 但 一 模 一 桩 ， 可 以 考 
虑 将 其 提取 为 一 个 公共 方法 ， 具 体 读者 请 自行 完成 。 

3) 删除 音乐 分 类 

“删除 ”按钮 的 处 理 需要 构造 删除 音乐 分 类 的 SQL 语句 ， 同 样 使 用 DbCommand 对 象 
的 ExcuteNoQuery(0 方 法 来 执行 该 SQL 语句 ， 代 人 码 如 下 : 

protected vold btDelete Click(object sender, EventArgs e) 


{ 
1nt catId: 
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Int32 .TryParse (hideID.Value，out catId) ; // 从 隐藏 控件 中 获取 分 类 ID 字段 值 
if (catId<=0) // 获 取 ID 字段 值 失 败 ， 则 给 出 提示 信息 


{ 
lbPrompt .Text = "请 指定 需要 删除 的 分 类 。":; 
} 
else 
{ 


String sql = string.Format ("DELETE FROM Category WHERE ID = {0}", catId); 
SqlCommand cmd = new SqlCommand (sql, dbConn); 
try 
{ 
dbConn.open (); 
cmd .ExecuteNonQuery(); // 执 行 删除 音乐 分 类 的 SQL 语句 
Response.Redirect ("CategoryMgr.aspx"); /7/ 跳 转 到 音乐 分 类 管理 主页 面 


} 
catch 
{ 
lbPrompt .Text = "删除 分 类 失败 ! 是 否 存在 该 分 类 的 音乐 资料 ? "; 
} 
finally 
{ 
dbConn.Close () ; 
} 
} 
} 
对 上 述 代码 补充 说 明 以 下 几 点 。 


(1) 程序 首先 分 析 hideID 隐藏 控件 值 ， 获 取 需 要 删除 的 音乐 分 类 ID 子 段 但。 

(2) 执行 删除 音乐 分 类 的 SQL 语句 后 ， 没 有 检 答 影 啊 的 记录 数 。 实 际 上 如 有 果 震 要 删除 
的 记录 已 经 因为 条 种 原因 被 删除 了 ， 那 么 影 啊 的 记录 数 束 是 0。 此 时 ， 一 种 简单 的 处 理 方 
法 融 是 认为 删除 是 成 功 了 的 。 

(3) 对 于 删除 可 能 出 现 的 外 键 约束 铺 误 ， 这 里 通过 try…catch 代码 进行 捕获 ， 并 所 不 
用 户 检 查 是 否 存 在 属于 该 音乐 分 类 的 音乐 资料 。 


6.4 音乐 资料 佑 理 


在 Admin 文件 来 下 新 建 音 乐 资料 管理 的 主页 面 MusicMgraspx。 除 了 涉及 的 表 、 了 字段 
不 一 样 ， 其 布局 和 首 乐 分 类 官 理 的 主页 面 基 本 相同 ， 后 台 的 实现 也 基本 相同 ， 不 再 重复 。 

1. 编辑 页 面 初始 化 

1) 页 面 代 但 

在 Admin 文件 夹 下 新 建 MusicEdit.aspx 外 务 ， 注 意 和 首 乐 分 类 编辑 负面 的 区 别 。 

(1) 表格 布局 。 音 乐 资 料 的 字段 比较 多 ， 押 以 表格 共 设置 了 4 列 ， 其 中 第 1、3 列 为 
字段 标题 ， 第 2、4 列 为 输入 控件 。 第 1 行 的 3、4 列 ， 是 输入 音乐 资料 详细 描述 的 TextBox 
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控件 ， 占 据 了 7 行 。 

(2) 下 拉 列 表 。 音 乐 资 料 有 两 个 字段 是 外 键 ， 一 个 是 所 属 音乐 分 类 的 Category ID 子 
段 ， 还 有 一 个 是 媒体 类 型 MediaType 字段 。 让 用 户 直接 输入 所 属 音乐 分 类 的 ID 字段 值 ， 
或 者 巡 体 关 型 编码 ， 都 是 不 合理 的 。 这 种 情况 应 该 用 下 拉 列 表 (DropDownList) 控件 ， 让 
用 户 选择 直观 的 选项 ， 程 序 目 动 转换 选项 为 数据 库 中 实际 存储 的 但 。 

(3) 文件 上 传 。 图 片 和 媒体 文件 是 通过 上 传 (FileUpload〉 控件 来 实现 的 。 但 没有 办 
法 通过 上 传 控 件 显 示 或 消除 已 上 传 的 文件 ， 所 以 单独 设置 显示 文件 信息 的 Label 控件 和 删 
除 文 件 的 按钮 。 

音乐 资料 编辑 页 面 的 页 面 代码 比较 多 , 而 且 大 多 重复 , 下 面 给 出 部 分 省 略 的 页 面 代码 : 


<table> 
Ly 
<td><asp:Label ID="lbCode”" runat="server" Text=" 编 码 "></Vasp:Label1></ td> 
<td> 
<asp:TextBox ID="tbCode"™" runat="server" Width="200px"></asp: TextBox> 
</td> 
<td rowspan="/"> 
<asp:Label ID="lbDescription™ runat-="server" Text=" 介 绍 "></asp:Label> 
</bd> 
<tdrowspan="/"> 
<asp:TextBox ID="tbDescription™" runat="server™" Height="200px" 
TextMode="MultiLine™" Width="200px"></asp:TextBox> 
</td> 
“tr 
<tr> 
<td><asp:Label ID="lbcCcategory™ runat="server" Text=" 分 类 "></asp:Label> 
</td> 
<td align="left"> 
<asp:DropDownList ID="ddlCategory" runat="server™" Width="200px"> 
</asp:DropDownList> 
</td> 
<itr> 


0 
<td><asp:Label ID="lbPhotoPrompt" runat="server"™ Text=" 图 片 "> 
</asp:Label></td> 
<td colspan="3"> 
<asp:FlileUpload ID="filePhoto™" runat="server™" Width="400px" /><br /> 
<asp:Label ID="]1lbPhoto™" runat="server™" /> 
<asp:Button ID="btRemovePhoto" runat="server" Text=" 删 除 " /> 
</td> 
</tr> 
2 
<td><asp:Label ID="]bMFPrompt"” runat="server"” Text=" 媒 体 文件 "> 
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</asp:Label></td> 
<td align="left"™" colspan="3"> 
<asp:FileUpload ID="fileMediaFile"™" runat="server" Width="400px" /><br /> 
<asp:Label ID="lbMediarFile"™" runat="server"™" /> 
<asp:Button ID="btRemoveMediaFile" runat="server" Text=" 删 除 "” /> 
< /七 d> 
</tr> 


</tabley> 


2) 下 拉 列 表 

首 乐 资料 编辑 页 面 中 有 两 个 DropDownList 控件 ， ddlCategory 下 拉 列 表 用 于 音乐 分 类 
的 选择 ，ddlMediaType 下 拉 列 表 用 于 媒体 类 别 的 选择 。 值 得 说 明 的 是 ，ASPNET 的 
DropDownList 控件 对 应 HTML 表单 中 的 <select></select> 标 记 。 

下 拉 列 表 得 有 一 个 可 供 选 择 的 清单 , 这 个 清单 通过 DropDownList 控件 的 Tems 属性 设 
置 。 该 属性 是 一 个 ListItem 对 象 的 集合 。 创 建 ListItem 对 象 的 代码 为 new ListItem(text, 
value)， 其 中 text 参数 指定 选项 显示 内 容 ，value 参数 指定 选项 取 值 。 

例如 , 在 设置 ddlCategory 下 拉 列 表 的 可 选 音乐 分 类 清单 时 ， 展 示 给 用 户 的 应 该 是 音乐 
分 类 名 称 ， 而 实际 需要 保存 到 数据 库 中 去 的 应 该 是 分 类 的 ID 字段 仁 。 在 调用 接 下 来 的 
Flll]DropDownListO 方 法 时 ， 传 递 给 sql 参数 的 SQL 语句 为 “SELECT ID, Name FROM 
Category WHERE Parent ID IS NULL”， 新 建 ListItem 对 象 的 语句 为 new ListItem(dr[11]. 
ToString0，dr[0].ToStringO0)。 所 以 ，dr[1] 对 应 Name 字段 值 将 会 用 于 展示 ; 而 dr[0] 对 应 ID 
字段 值 ， 将 实际 存储 到 数据 库 中 。FilIDropDownList0 方 法 的 代码 如 下 : 


/// <summary> 
/// 填充 下 拉 列 表 ， 使 用 SQL 语句 但 询 结 果 表 的 第 1 列 作为 值 ， 第 2 列 作为 显示 文本 。 
/// </summary> 
private Vold FillDropDownList (String sql, DropDownList dd]l) 
{ 
SqlCommand cmd = new SqlCommand (sql, dbConn); 
try 
l 
dbConn.open () :; 
SqlDataReader dr = cmd.ExecuteReader (1) 7 
ddl .Items.Clear (); 
while (dr.Read()) 
{ 
ddl .Items.Add (new ListItem(dr[1] .Tostring(), dr[0] .Tostring())); 
} 
dr -Close ()] :; 
} 
finally 
{ 
dbConn.Close(}; 


104。 Web 程序 设计 


ASP.NET 项 目 实 训 


} 

很 多 时 候 还 需要 设置 下 拉 列 表 的 当前 选项 。 例 如 在 音乐 资料 修改 页 面 ， 需 要 显示 音乐 
资料 的 当前 音乐 分 类 ， 也 就 是 根据 音乐 资料 的 Category_ID 字段 值 设置 ddlCatgory 下 拉 列 
表 的 当前 项 。 

要 设置 下 拉 列 表 中 的 当前 项 ， 可 以 通过 设置 DropDownList 控件 的 SelectedItem 属性 、 
SelectedValue 属性 或 者 SelectedIndex 属性 ， 即 分 别 根 据 ListItem 选项 对 象 、 选 项 值 或 选项 
索引 号 〈 从 0 开始 ) 进行 设置 。 例 如 根据 Category_ID 字段 值 设置 ddlCategory 当前 项 的 代 
但 如 下 : 


ddqlCategory.SelectedValue = Gr["Category ID"] .TOStr1lIng () ; 


获取 用 户 最 终 在 下 拉 列 表 中 选择 了 哪 一 项 ， 同 样 是 通过 上 述 3 个 属性 ， 分 别 获 取 当 前 
选项 对 象 、 选 项 值 和 选项 索引 。 

3) 初始 化 代码 

音乐 资料 编辑 页 面 初始 化 和 音乐 分 类 编辑 页 面 初 始 化 的 怕 理 相同 ， 有 共 体 设置 相对 复杂 
一 些 ， 代 码 如 下 : 


1f (!Page.IsPostBack) 

{ 
/ /设置 音 乐 分 类 和 媒体 类 别 下 拉 列 表 
String sql = "SELECT ID, Name FROM Category WHERE Parent ID IS NULL"; 
FillDropDownList (sgql, ddlCategory); 
SGL = "SELECT Code, Name FROM CodeNames WHERE CodeFor='Music.MediaType'™"; 
FilllDropDownList (sgql, ddlMediaType); 
if (String.IsNullOorEmpty (Request["id"])) // 新 增 普 乐 资料 操作 


{ 
hideID.Value = "0"; / /表示 新 增 音 乐 资料 操作 
btRemovePhoto.Visible = false; / /不 显示 删除 图 片 文 件 的 按钮 
btRemoveMediaFile.Visible = false; / /不 显示 删除 媒体 文件 的 按钮 

} 

else // 修 改 音乐 资料 操作 

{ 


hideID.Value = "1"; / /假设 音乐 资料 不 存在 
sql = string.Format ("SELECT * FROM Music WHERE ID = {0}", Request["1id"]); 
SqdlCommand cmd = new sqlCommand (sql, dbcConn); 
try 
{ 
dbConn.open (); 
SdqlDataReader dr = cmd.ExecuteReader (}; 
1f (dr.Read()) / /成功 读 取 音乐 资料 
{ 
hideID.Value = dr["ID"].ToString(); 
tbCode.Text = dr["Code"™"] .Tostring(); 
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tbName.Text = dr["Name"] .ToString(); 
tbhbAuthors.Text = dr["Authors"™] .ToString (}); 
tbPublishDate.Text = dr["PublishDate"™"] .ToString(); 
tbGoWhere.Text = dr["GoWhere"] .ToSstring(); 
tbCost -Text = dr["Cost"] .ToString(); 
tbAcquiredDate.Text = dr["AcquiredDate"™] .Tostring(); 


tbDescription.Text = dr["Description"™"] .ToString(); 

// 下拉 列表 选项 议 首 

ddlCategory-SelectedVvValue = dr["Ccategory ID"] .ToStTr1Ing() ; 
qdl1MedlaTYpe.SelectedqdValue = dr["MediaType"] .ToString (); 

/7 删除 图 片 文 件 控件 设 告 

lbPhoto.Text = dr["Photo"™] .ToString'(); 

btRemovePhoto.Visible = !String.IsNullOorEmpty (lbPhoto.Text).; 
/ /删除 媒体 文件 控件 设置 

lbMediaFile.Text = dr["MediaFile"] .ToSsString(); 
btRemoveMediaFile.Vvisible = !String.IsNullOrEmpty (lbMediarFile. 
TeX 七 ) : 


} 
catch 
{ 
lbPrompt .Text = " 读 取 数据 失败 ! "; 
} 
finally 
{ 
dbConn.Close(); 
} 


} 

注意 删除 文件 的 btRemovePhoto 和 btRemoveMediaFile 按钮 只 有 在 存在 相应 文件 的 时 
候 才 需要 ， 上 所 以 通过 按钮 的 Visible 属性 来 控制 按钮 是 否 可 见 。 

实际 上 ， 许 多 ASPNET 控件 都 有 Visible 属性 。Visible=true 表示 控件 可 见 ， 否 则 天 是 
不 可 见 。 必 须 摘 清楚 不 可 见 和 隐藏 的 区 别 : 如 果 一 个 控件 不 可 见 ， 那 么 最 终生 成 的 页 面 上 
根本 就 没有 这 个 控件 ， 而 隐藏 控件 是 存在 的 ， 只 是 浏览 右 不 会 显示 这 个 控件 而 已 。 

2. 上 传 文件 管理 

音乐 资料 编辑 页 面 和 音乐 分 类 编辑 页 面 最 大 的 区 别 就 是 音乐 资料 编辑 页 面 需 要 处 理 
图 片 文 件 和 媒体 文件 ， 也 就 是 需要 处 理 文件 的 上 传 和 删除 。 

1) 文件 上 传 控 件 

FileUpload 文件 上 传 控件 对 应 HTML 表单 中 的 <input type="file"> 标 记 。 首 乐 资料 编辑 
页 面 中 使 用 了 一 个 ID 属性 值 为 flePhoto 的 文件 上 传 控件 ， 用 于 上 传 照片 文件 ， 另 一 个 ID 
属性 值 为 fleMediaFile 的 文件 上 传 控件 ， 用 于 上 传媒 体 文 件 。 
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文件 上 传 探 件 在 页 面 浏览 时 展示 成 一 个 文本 框 和 一 个 “浏览 ”按钮 ， 单 击 “ 浏 览 ” 按 
钮 可 以 打开 客户 疹 本 地 的 “打开 文件 ”对 话 框 ， 选 择 文 件 并 确定 后 ， 文 本 框 中 会 显示 该 文 
件 的 全 路 任 名 称 ， 但 此 时 文件 并 没有 上 传 服务 费 。 和 直到 页 面 被 回 发 时 《如 单 击 表单 保存 按 
钮 后 )， 文 件数 据 才 会 作为 表单 数据 的 一 部 分 和 新 的 请 求 一 起 发 送 给 Web 服务 器。 

在 文件 上 传 控 件 页 面 的 后 人 台 代 码 中 可 以 直接 使 用 文件 上 传 控件 的 方法 和 属性 完成 对 
文件 数据 的 处 理 。 例 如 ， 处 理 音乐 资料 图 片 文 件 的 代码 如 下 : 

if (filePhoto.HasFile) // 存 在 上 传 的 图 片 文件 

{ 

filePhoto.saveAs (SeTVeT .MapPath (String.Format (@"~/{0}", fileName))); 
/ /保存 上 传 文件 
} 


上 述 代 码 中 ， 用 文件 上 传 控件 的 HasFile 属性 值 判 断 用 户 是 否 上 传 了 文件 ， 如 果 有 ， 
则 用 SaveAs0 方 法 将 其 保存 到 茶 个 文件 夹 中 。 调 用 SaveAs() 方 法 时 必须 指定 服务 器 上 用 于 
保存 文件 的 完整 路 任 ， 这 通常 是 Web 站 点 下 的 某 个 子 文 件 来 。 例 如 MPMM 系统 规划 将 图 
片 文件 保存 在 Upload/Photos 文件 夹 中 ,而 将 首 乐 媒体 文件 保存 在 Upload/Musics 文件 夹 中 ， 
其 中 Upload 为 站 点 根 文件 夹 下 的 子 文 件 夹 。 

但 实际 部 团 网 站 的 时 候 ， 网 站 可 以 部 署 在 任意 文件 夹 中 ， 所 以 正常 情况 下 是 无 法 直接 
给 出 保存 上 传 文件 的 完整 路 径 的 。 此 时 ， 和 震 要 使 用 两 个 技术 来 解决 这 个 问题 : 首先 将 相对 
路 径 转 换 成 网 站 绝对 路 笃 ， 也 束 是 在 相对 路 径 前 添加 “~” 符 号 ;然后 调用 Server 对 象 的 
MapPath(O) 方 法 将 网 站 绝对 路 径 转 换 成 操作 系统 的 完整 路 径 。 

2) 文件 夹 权 限 

擎 握 了 你 存 上 传 文 件 的 代码， 对 于 完成 上 传 文件 的 任务 来 说 只 是 完成 了 第 一 步 ， 如 果 
没有 正人 确 设 置 好 操作 系统 的 文件 夹 权 限 ， 还 是 无 法 保存 上 传 的 文件 。 修 改 MPMM 上 传 文 
件 夹 权 限 的 具体 操作 为 : 右键 单 击发 布 后 网 站 中 的 Upload 文件 来， 选择 “属性 ”命令 并 切 
换 到 “安全 ”选项 卡 ， 找 到 IIS_IUSRS 用 户 组 ， 如 图 6-8 所 示 ， 可 以 看 到 其 权限 为 恋 取 ， 
而 没有 修改 、 写 入 。 

单 击 图 6-8 中 的 “编辑 ”按钮 ， 呈 现 如 图 6-9 所 示 的 对 话 框 ， 选 中 IIS IUSRS 组 ， 并 
选中 权限 列表 中 的 完全 控制 “允许 ” 复 选 框 。 单 击 “ 确 定 ” 按 钮 保存 权限 设置 。 

3) 文件 命名 方案 

上 传 文件 当然 有 文件 名 ， 但 将 其 保存 到 服务 器 中 时 应 该 用 什么 文件 名 昵 ?不 同 的 方案 
面临 不 同 的 问题 ， 有 具体 讨论 如 下 。 

(1) 保留 原文 件 名 。 显 然 原 文件 名 可 能 重复 ， 此 时 新 上 传 的 文件 可 能 会 履 兰 其 他 记录 
的 同名 文件 。 为 此 ， 需 要 在 你 存 文件 前 先 检查 是 侍 有 其 他 记录 的 文件 名 和 其 相同 ， 如 果 相 
同 则 必须 拒绝 。 但 对 于 用 户 来 说 很 不 好 ， 因 为 用 户 很 难 知 道 该 给 文件 取 什 么 名 字 才 不 会 被 
拒绝 。 

(2) 随机 生成 文件 名 。 有 很 多 技术 可 以 生成 新 的 文件 名 ， 并 且 从 概率 上 来 说 可 以 “ 保 
证 ”文件 名 不 会 重复 ， 例 如 GUID 生成 技术 。 而 记录 和 文件 之 间 的 对 应 关系 是 由 程序 目 动 


1 不 同 版 本 的 Windows 和 IIS 所 用 的 权限 解决 方案 不 同 ， 也 就 是 IS 使 用 的 默认 用 户 组 有 所 不 同 。 


第 6 章 “实现 后 台 管理 有 
维护 的 ， 所 以 用 户 其 实 不 用 关心 文件 名 。 程 序 和 先生 成 这 个 随机 文件 名 ， 然 后 将 文件 名 保 
存 到 数据 库 的 相应 字段 中 ， 如 音乐 资料 记录 的 Photo 字段 ， 并 将 上 传 的 文件 用 这 个 名 字 保 
存 到 磁盘 上 。 由 于 理论 上 不 能 保证 文件 名 不 重复 ， 对 于 追求 完美 的 人 来 说 很 难 接受 这 个 
方案 。 


由 load 属性 xl 
常规 | 共享 安全 | 以 前 的 版 本 | 自 定义 | 四 Vol1。ad 的 权限 Ee 
对 象 名 称 : Ci\inetpub\wwwroot\Upload 去 全 | 
对 象 名 称 ; C:AinetpubwwewwrootwUp1oad 
组 或 用 户 名 (6): 


MAdministrators INEES\Administrators) 
六 Users [NIN RS" Us ers) 
如 IIS_IUSRS (WIN2KS\IIS_IVSRS) 


要 更 改 梭 限 ， 请 单 击 “编辑 ” 和. 编辑 民 ].. ， | 由 TrustedInstaller 
IIS_IVSRS 的 权限 @) 允许 拒绝 


三 军 
和 六 特 下 权限 台 训 加 设置 请 单 击 “ 高 高 级 m | 


图 6-8 ”文件 夹 权 限 对 话 框 图 6-9 权限 修改 对 话 框 


(3) 根据 记录 生成 文件 名 。 从 上 传 文件 和 记录 之 间 的 关系 来 说 ， 采 用 记录 关键 字 或 包 
含 记录 关键 字 的 方法 来 生成 文件 名 是 最 简单 的 ， 它 可 以 保证 文件 名 不 重复 。 但 在 实现 时 也 
需要 运用 一 些小 技巧 。 

MPMM 系统 采用 了 利用 音乐 资料 记录 卫 主 关 键 字 来 生成 文件 名 的 策略 ， 音 乐 图 片 文 
件 名 为 photo <id>， 媒 体 文件 名 为 music <id>。 文 件 的 扩展 名 保留 原文 件 的 扩展 名 ， 以 便 
Windows 系统 能 利用 扩展 名 来 识别 文件 类 型 格式 。 相 应 的 代码 如 下 : 


String ext = Path.GetExtension (filePhoto.FileName); // 狼 取 扩 展 名 
String fileName = String.Format ("Upload/Photos/photo {0}{1}", musicId, 
ext); // 文 件 名 


上 述 代 人 码 使 用 文件 上 传 控 件 的 FileName 属性 获取 原文 件 名 ， 然 后 调用 System.IO.Path 
类 的 GetExtension0) 静 态 方法 获取 原文 件 名 的 扩展 名 〈 包 含有 分 隔 符 “.”， 最 后 使 用 音乐 
资料 的 ID 学 段 值 和 扩展 名 拼装 出 最 终 的 文件 名 。 

由 于 音乐 资料 编辑 页 面 需要 管理 两 个 上 传 文件 , 因此 在 目 定 义 CommonTools 类 中 添加 
静态 方法 SaveUploadFile0， 实 现 文件 上 传 操 作 ， 代 人 码 如 下 : 


/// <summary> 

/// 获取 上 传 文件 并 保存 ， 返 回 保 存 文件 的 网 站 相对 路 径 

/// </summary> 

Public static String SaveUploadFile (FileUpload fu, String fileNameTemplate., 
long 1d) 
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String fileName = string.Empty; 
1f (fu.HasF1ile) 
{ 
string ext = Path.GetExtension (fu.FileName); /1/ 绪 取 打 展 名 
fileName = String.Format (fileNameTemplate, id, ext); / /文件 名 
HttpServerUtility server = HttpContext.Current .server; 
fu.SaveAs (server.MapPath (string.Format (@"~/{0}", fileName))); // 保 存 文件 
} 
return fileName; 


} 


上 述 代 人 码 中 ,由 于 目 定 义 CommonTools 类 不 是 页 和 面 类 或 页 面 类 的 子 类 , 所 以 无 法 直接 
使 用 Server 对 象 ， 需 要 通过 HttpContext.Current.Server 的 方式 来 访问 Server 对 象 。 

4) 新 增 记录 ID 字段 什 

对 于 修改 记录 来 说 ， 获 取 记 录 I 有 D 字段 值 没 有 问题 ,但 对 于 新 增 记 录 ， 目 增长 字段 的 但 
需 在 新 增 语句 执行 成 功 之 后 才 会 自动 产生 。 所 以 ， 采 用 MPMM 的 文件 命名 策略 ， 需 要 解 
决 一 个 问题 ， 如 何 获 取 新 增 记 录 的 卫 字段 什 ? 

SQL SERVER 为 此 提供 了 一 个 名 为 @@IDENTITY 的 系统 变量 ， 可 以 返回 最 近 新 增 的 
标识 字段 值 。 例 如 ， 在 新 增 Music 记录 后 立刻 获取 其 ID 字段 值 的 SQL 语句 为 


INSERT INTO Music (…) VALUES (…) ; 
SELECT QIDENTITY 


其 实 这 是 由 两 条 SQL 语句 构成 的 ， 两 条 语句 之 轩 用 “:” 分 隔 。 至 于 如 何在 程序 中 获 
取 这 个 新 增 标 识字 段 但 ， 下 面 “新 增 音乐 资料 ”方法 中 册 具 体 介 绍 。 

5) 删除 文件 

除了 用 户主 动 要 求 删 除 文 件 以 外 ， 当 删除 记录 的 同时 也 应 该 删除 对 应 的 文件 。 硅 删除 
文件 失败 ， 则 不 能 删除 记录 ， 否 则 文件 束 变 成 了 和 记录 无 关 的 “孤儿 ”。 删除 文件 的 代码 封 
闭 成 日 定义 CommonTools 工具 类 的 方法 ， 便 于 重复 调用 ， 代 人 码 如 下 : 


/// <summary> 
/// 删除 通过 网 站 相对 路 径 名 指定 的 文件 ， 返 回 是 否 删 除 成 功 
/// </summary> 
public static bool DeleterFile (String flileName) 
{ 
try 
{ 
// 转 换 成 绝对 路 径 
HttpServerUtility server = HttpContext.Current.server; 
String fullFileName = server.MapPath (String.Format (@"~/{0}", fileName)); 
File.Delete (fullFileName); // 删 除 文件 ， 不 存在 会 认为 删除 成 功 
return true; /7/ 删 除 文件 成 功 ， 返 回 true 
} 


catch 
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{ 
return false; // 删 除 文件 失败 ， 返 回 false 


} 


注意 : 上 述 代 码 中 需要 将 网 站 相对 路 径 转 换 成 操作 系统 全 路 径 ， 然 后 才 可 以 调用 
System.IO.File 类 的 DeleteO 静 态 方法 米 删 除 这 个 文件 。 

3 实现 新 增 和 修改 

为 人 新 增 和 修改 音乐 资料 的 代码 都 封装 成 编辑 页 面 类 的 私有 方法 。 

浙 增 音 划 乐 资料 需要 采用 获取 新 增 记录 ID 字段 值 的 SQL 语句 ， 也 就 是 获取 “SELECT 
QQIDENTITY ”语句 的 查询 结果 ， 所 以 应 该 调用 SqlCommand 的 ExcuteScalar0 方 法 ， 而 
不 是 ExcuteNonQuery() 方 法 。 上 具体 代 人 码 如 下 : 

/// <summary> 

/// 新 增 音乐 资料 记录 ， 返 回 新 增 记录 的 ID 字段 值 。 如 果 新 增 记 录 失 败 ， 则 返回 -1 

/// </summary> 

private long AddMusic (SqlCommand cmd) 


{ 
try 
{ 
long musicId = -1; 
cmd .CommandText = String.Format (@"INSERT INTO Music (Code, Name, Authors, 
Description, PublishDate, MediaType, GoWhere, Category ID, Cost, 
AcquiredDate) 
VALUBES. (Us "Tuss se lal "tae os 
“Tops ils Ds 13} 1 
SELECT @@IDENTITY", / /新 增 记 录 并 获取 新 增 记 录 ID 字 上 段 值 的 SQL 语句 
tbCode.Text, tbName.Text, tbAuthors.Text, tbDescription.Text, 
tbPublishDate.Text, ddlMediaType.SelectedValue, tbGoWhere.Text, 
ddlCategory.SelectedVvalue, tbCost.Text, tbAcqulredDate .Text ) :; 
object newId = cmd.ExecuteScalar(); // 获 取 新 增 记 录 的 ID 字段 值 
if (newId != nul1) / /获取 ID 字段 值 成 功 
{ 
musicId = Convert .ToInt64 (newId) ; // 强 制 类 型 转换 新 增 记 录 的 ID 字段 值 为 Int64 型 
} 
return musicId; 
} 
catch 
{ 
return -1; / /新 增 记录 失败 ， 人 返回-1 
} 
} 


2) 修改 音乐 资料 
修改 音乐 资料 的 EditMusic(0) 方 法 实现 根据 指定 音乐 资料 ID 字段 值 修改 对 应 记录 的 操 
作 。 请 读者 模仿 修改 音乐 分 类 的 代码 ， 以 及 AddMusic0 方 法 中 的 异常 处 理 ， 补 充 完整 下 面 
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的 代码 
/// <summary> 
/// 修改 音乐 资料 记录 ， 返 回 修改 记录 的 ID 字段 值 ， 如 果 失 败 则 返回 -1 
/// </summary> 
private long EditMusic (long musicId, SgqlCommand cmd) 


{ 


} 


3) 处 理 上 传 文件 

为 了 使 代 抬 清晰 匈 谈 ， 同 样 将 保存 图 片 文件 和 媒体 文件 ， 并 登记 到 对 应 数据 库 记 录 中 
的 任务 封 骤 成 一 个 页 面 闫 的 私有 方法 。 下 面 给 出 的 代 但 中 省 略 了 保存 媒体 文件 的 代 反 ， 因 
为 这 和 保存 图 片 文 件 基本 相同 ， 请 读者 目 行 完 成 : 

/// <summary> 

/// 保存 指定 音乐 资料 的 上 传 文 件 ， 并 记录 到 数据 库 。 者 成 功 则 返回 true， 否 则 返回 false 

/// </summary> 


private bool SaveMusicFiles (long musicId, SgqlCommand cmd ) 


{ 
bool saveOK = true; // 初 始 化 返回 值 
try 
{ 
// 处 理 图 片 文件 


string fnTempalte = "Upload/Photos/photo {0}{1}"; 
Strlnd fileName = CommonTools.SaveUploadFile (filePhoto, fnTempalte, musicId); 
if (!string.IsNullOrEmpty (fileName)) // 已 保存 图 片 交 件 ， 则 记录 文件 名 到 数据 库 中 
{ 

cmd .CommandText = string.Format (@"UPDATE Music SET Photo="{0}" WHERE 

ID={1}", fileName, musicId):; 

cmd .ExecuteNonQuery ()，; 
} 
/ /处 理 媒体 文件 ， 保 存 成 Upload/Musics/music <id>.<ext> 


} 
catch 
{ 
SaVeOK = false; 
} 
return saveOKR; 


} 

4) 处 理 保存 按钮 事件 

现在 可 以 上 述 几 个 方法 综合 起 来 完成 音乐 资料 的 保存 工作 了 。 为 btSave 按钮 添加 单 击 
事件 处 理 代 码 如 下 : 
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protected vold btSave Click(object sender, EventArgs e) 


{ 
long musicId = GetMusicID(); // 从 隐藏 控件 中 获取 音乐 资料 ID 字段 值 
用 // 获 取 音 乐 资料 ID 字段 值 成 功 
{ 
try 
{ 
SqlLCcommand cmd = new SqlCommand(); // 创 建 SqlLCommand 对 象 ， 需 要 反复 使 用 
cmd.Connection = dbConn;  // 设 置 数据 库 连 接 对 象 属性 
qdqbCconn .Open () ; / /打开 数 据 库 连 接 
if (msicId == 0) /1/0 表示 是 新 增 音乐 资料 操作 
{ 
musicId = AddMusic (cmd); 
} 
else // 盏 则 表示 是 修改 音乐 资料 操作 
{ 
musicId = EditMusic (musicId, cmd); 
} 
if (msicId == -1) / /如 果 新 增 或 修改 音乐 资料 操作 失败 
{ 
lbPrompt .Text = “" 问 数据 库 写 入 音乐 资料 失败 。 注 意 编码 不 能 重复 。"; 
} 
else 1f (!'SaveMusicFiles (musicId, cmd)) / /如 果 保 存 文件 失败 
{ 
lbPrompt .Text =“" 保 存 音 乐 资料 成 功 ， 但 上 传 文件 失败 。"™; 
} 
else // 新 增 或 修改 音乐 资料 成 功 ， 保 存 文件 也 成 功 
{ 
Response.Redirect ("MusicMgr.aspx"); /7 跳 转 到 音乐 资料 管理 主页 面 
} 
} 
catch 
{ 
lbPrompt .Text = "数据 库 操作 失败 。"; 
} 
finally 
{ 
dbConn.Close (); 
} 
} 
} 


上 述 代码 的 执行 过 程 为 ， 先 是 获取 保存 在 hideID 隐藏 控件 中 的 音乐 资料 ID 字段 值 ; 
然后 创建 SqlCommand 对 销 用 十 多 次 访问 数据 库 ; 接 看 根据 musicld 参数 值 调 用 AddMusic() 
或 EditMusic 方法 ; 如 果 失 败 (musicId 一 -1) 则 提示 销 误 ， 否 则 调用 SaveMusicFiles0 方 法 
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保存 上 传 文件 ， 保 存 成 功 就 返回 音乐 资料 管理 的 主页 面 。 
其 中 获取 保存 在 hideID 隐藏 控件 中 的 音乐 资料 ID 字段 值 ， 由 于 在 删除 上 传 文件 时 也 
需要 使 用 ， 所 以 定义 为 编辑 页 面 类 的 私有 方法 GetMusicIDO， 代 人 码 如 下 : 


/// <summary> 
/// 从 隐藏 控件 中 提取 音乐 资料 ID 字段 值 ， 知 失败 返回 -1， 并 显示 提示 信息 
/// </summary> 
private long GetMus1icID'() 
{ 

long musicId; 

Int64.TryParse (hideID.Value, out muslcId) :; 

// 从 隐藏 控件 中 获取 音乐 资料 ID 字段 值 
if (musicId == -1) // 知 音乐 资料 ID 字段 值 获 取 失 败 ， 则 提示 


{ 

lbPrompt .Text = "请 指定 音乐 资料 。" 
} 
return musicId:; 


} 

5) 删除 上 传 文件 

在 修改 音乐 资料 时 ， 如 果 当 前 音乐 资料 已 经 有 上 传 的 图 片 文件 或 媒体 文件 ， 就 会 显示 
文件 信息 ， 并 提供 删除 按钮 来 删除 这 些 文件 。 删 除 上 传 文件 ， 需 要 首先 删除 这 个 文件 ， 然 
后 修改 相应 记录 的 字段 值 。 如 本 按 相 反 的 顺序 操作 , 在 修改 记录 值 成 功 而 删除 文件 失败 时 ， 
束 会 造成 文件 的 “ 失 联 ”。 

考虑 到 图 片 文 件 和 媒体 文件 的 删除 是 独立 进行 的 ， 所 以 应 该 将 删除 文件 和 更 新 数据 库 
的 操作 定义 成 一 个 方法 ， 供 不 同文 件 的 删除 调用 ， 代 但 如 下 : 

/// <summary> 

/// 删除 指定 的 文件 ， 并 更 新 显示 

/// </sSummary> 


private void RemoveFile (string fileType, Label lbrFile, Button ptRemoveFr1ile) 


{ 
long musicId = GetMusicID'(); // 从 隐藏 控件 中 获取 音乐 ID 
1f (musicId > 0) 
{ 
if (!'CommonTools.DeleteFile (lbFile.Text)) /7 在 删除 文件 失败 
| 
lbPrompt .Text = String.Format ("删除 {0} 文 件 失 败 。"， lbFile.Text); 
} 
else // 香 删除 文件 成 功 
{ 


string sql = string.Format ("UPDATE Music SET {0}="'"' WHERE ID={1}", 
fileType, musicId); 

SqlCommand cmd = new SqlCommand (sql, dbConn)}); 

try 
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{ 
dbCconn .Open () ; 
cmd .ExecuteNonQuery () ; / /更 新 数据 库 
lbFrile.Text = string.Empty; /7 更 新 界面 上 的 显示 
btRemoveFile.Visible = false; / /隐藏 删除 文件 的 按钮 
} 
catch 
{ 
lbPrompt .Text = "删除 文件 成 功 ， 但 更 新 数据 库 失 败 。"; 
} 
finally 
{ 
dbConn.Close () : 
} 


} 

RemoveFile() 方 法 调用 了 目 定 义 CommonTools 类 中 的 删除 文件 方法 ,然后 更 新 数据 库 。 
为 此 再 要 知道 应 该 删除 哪个 文件 , 更 新 哪个 字段 ; 这 可 以 分 别 通 过 传递 显示 文件 名 的 Label 
控件 lbFile 和 传递 字段 名 的 flleType 来 实现 。 

前 面 提 到 过 ， 页 和 面 回 发 请 求 时 ASPNET 页 面 使 用 隐藏 控件 ViewState 来 保持 控件 的 
值 ， 所 以 控件 的 值 只 要 在 前 次 访问 页 面 时 初始 化 。 但 这 样 一 来 ， 如 果 和 需要 清空 控件 的 值 就 
需要 显 式 通 过 代码 进行 。 例 如 ， 当 用 户 删 除 某 个 上 传 文件 后 ， 对 应 显示 文件 名 的 Label 控 
件 内 容 需 要 清除 ， 删 除 按钮 需要 隐藏 。 这 都 需要 在 删除 代码 中 进行 处 理 ， 否 则 页 面 将 保持 
原样 。 所 以 ， 在 执行 完 数据 库 修 改 操作 后 ， 又 执行 了 更 新 Label 控件 和 隐藏 按钮 的 操作 。 
因此 ，RemoveFile(0 方 法 还 有 一 个 btRemoveFile 参数 ， 用 于 传递 需要 隐藏 的 按钮 。 

有 了 RemoveFileO0 方 法 ,删除 按钮 btRemovePhoto 和 btRemoveMediaFile 的 单 击 事件 处 
理 代 人 码 如 下 : 


/// <summary> 
/// 删除 图 卢 文 件 
/// </summary> 
protected void btRemovePhoto Click(object sender, EventArgs e) 
{ 
RemoveFile ("Photo", lbPhoto, btRemovePhoto).; 
} 
/// <summary> 
/// 出 除 媒 体 文件 
/// </summary> 
protected void btRemoveMediaFile Clickl(object sender, EventArgs e) 
{ 


RemoveFile ("MediaFile", lbMediaFile, btRemoveMediaFile); 
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4. 有 删除 音乐 资料 页 面 

删除 音乐 资料 页 面 不 涉及 任何 新 知识 ， 所 以 请 读者 在 Admin 文件 夹 下 新 建 
MusicDelete.aspx 页 面 ， 然 后 参考 音乐 分 类 删除 页 面 和 音乐 资料 编辑 页 面 完成 所 有 开发 工 
作 。 注 意 在 删除 指定 的 音乐 资料 记录 时 ， 要 先 删除 上 传 文件 ， 再 删除 整 条 记录 。 

到 此 ， 就 完成 了 MPMM 的 核心 功能 。 作 为 一 个 学 习 案例 ，MPMM 还 有 很 多 不 完善 的 
地 方 。 例 如 : 界面 非常 “朴素 ”没有 日 志 功 能 ， 列 表 没 有 实现 分 足 ， 数据 录入 缺少 校 验 等 。 
随 看 后 续 学 习 的 深入 ， 开 发 的 系统 将 越 来 越 完 普 。 


习 题 6 


INSERT INTO Goods(Name,Storage,Price) VALUES(KeyB',3000,90.00) 的 作用 是 


A) 添加 数据 到 一 行 中 的 所 有 列 
B) 新 增 默 认 值 

C) 添加 数据 到 一 行 中 的 指定 列 
D) 新 增多 行 


.下 列 执行 数据 删除 的 语句 ， 正 确 的 是 ( ” ”)。 


A) DELETE * FROM A WHERE B='6 
B) DELETE FROMA WHERE B='"6 
C) DROPA WHERE B='"6 

D) DELETE A SETB='6 


. ASPNET 程序 中 ， 实 现 将 铬 户 问 文件 发 送 到 服务 疾 功 能 的 控件 是 ( 


A) DropDownList B) Label C) FileUpload D) TextBox 


.为 了 在 页 面 中 保存 一 些 数据 ,但 又 不 想 让 这 些 数据 显示 在 页 和 面 上 ， 可 以 使 用 


A) 文本 框 控件 〈Textbox ) 

B) 文本 框 控件 设置 Visible=false (不 可 见 》 
C) 隐藏 控件 (HiddenField) 

D) 没有 这 样 的 控件 


.所 请 SQL 注入 攻击 是 指 ( )。 


A) 短 时 间 内 发 起 大 量 的 SQL 申请 ， 让 数据 库 服 务 右 无 法 处 理 而 次 疾 的 攻击 

B) 针对 用 字符 串 拼 接 实现 参数 化 SQL 的 系统 ， 构 造 输入 内 容 来 执行 非法 SQL 语句 

C) 在 上 传 文件 时 不 上 传 正 党 的 图 片 文件 ， 而 是 上 传 SQL 脚本 文件 的 方式 来 攻击 
网 站 

D) 使 用 SQL 拉 术 的 网 站 ， 可 以 在 浏览 郁 地 址 栏 直接 输入 SQL 语句 并 执行 的 安全 


1. SQL 语句 中 ， 使 用 语句 修改 数据 库 表 中 的 记录 。 
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2. 使 用 VS 调试 ASPNET 程序 的 两 个 重要 手段 为 和 

3. ASPNET 提供 了 功能 ,通过 使 用 它 , 不 同 页 面 可 以 共享 同一 个 布局 。 

4. 习题 4 第 四 大 题 所 示 的 数据 库 中 ， 要 为 所 有 SQL Server 这 门 诛 程 的 成 绩 提 高 分 
的 SQL 语句 为 

5. 获取 新 增 记 录 ID 字段 值 的 SQL 语句 为 人 

三 、 是 非 题 

) 1. Response.Redirect( 方 法 的 作用 就 是 在 服务 闹 直 接 调用 执行 指定 页 面 的 程序 。 

( ) 2. 如 果 有 两 张 表 之 间 存 在 着 1 对 多 的 “ 主 - 从 ”关系 ， 那 么 无 论 什么 情况 
DELETE 语句 都 必须 先 删 除 “ 从 记录 ”*， 然 后 才能 删除 对 应 的 “ 主 记 录 ”。 

( ) 3. ASPNET 页 面 中 使 用 “~/Images/musiccd.jpg” 这 样 的 网 站 绝对 URL， 其 实 
是 相对 于 网 站 根 文件 夹 的 相对 路 径 ， 这 可 以 避免 将 网 站 部 署 到 不 同 子 站 点 时 的 URL 错误 。 

1. 下 面 的 代码 属于 删除 音乐 分 类 页 面 ， 当 用 户 单 击 删 除 按钮 时 执行 该 代码 。 人 代码 中 
存在 6 处 错误 (有 2 个 错误 属于 同一 类 ), 请 用 如 下 格式 指出 错误 : 第 nan 行 有 错误 ， 正 确 代 
但 是 ep 


(1) protected void btDelete Click(object sender, EventArgs e) 
(2) { 

(3) nt catId; 

(4) Int32.TryParse (hideID.Value, out catId); 

(2) 1f (catId<=0) 


(6€) { 

(7) lbPrompt = "请 指定 需要 删除 的 音乐 分 类 。"; 

(8) } 

(9) else 

(10) { 

(11) String sgl1 = "DELETE FROM Category"; 
(12) SqlCommand cmd = new SqlCommand (dbConn); 
(1 3) try 

[1 { 

(1 5) dbConn.open (); 

(16) cmd .ExecuteScalar ();} 

(17) Response.Redirect ("CategoryMgr .aspx"); 
(18) } 

(19) catch 

(20) { 

(21) lbPrompt = "删除 音乐 分 类 失败 ! 是 否 存在 属于 该 音乐 分 类 的 音乐 资料 ? "; 
(42 } 

(23) finally 

(24) { 

(25) cmd.Close (1) ， 

(26) } 

(< } 
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2. 下 面 的 代码 属于 音乐 分 类 编辑 页 面 , 其 中 Page_ Load(0) 方 法 用 于 根据 URL 请 求 的 (分 


类 )ID 值 ， 


设置 页 面 为 新 增 或 修改 状态 ，btSave_Click0 方 法 用 于 执行 新 增 或 修改 操作 ， 代 


但 适当 简化 去 除了 弄 单 检 各 和 处 理 。 请 补充 完善 代码 。 


protected vold Page Load (object sender, EventArgs e) 


{ 
if (!Page. ) 
{ 
if (String.IsNullorEmpty!( ) ) 
{ 
hideID.Value = "0O™; 
} 
else 
{ 
hideID.Value = "-1m7y // 默 认 没 有 这 个 分 类 
Strlnd sgl = string.Format ("SELECT * FROM Category WHERE ID = {0}", 
); 
SqlCcommand cmd = ’ 
dbConn.open ();} 
SqlDataReader dr = cmd.ExecuteReader (); 
if (dr. ) 
{ 
hideID.Value = dr["ID"™] .ToString(); 
tbCode.Text = dr["Code"™"] .Tostring (); 
tbName .Text = dr["Name"] .ToSsString (); 
tbDescription.Text = dr["Description"] .ToStrInG() ; 
} 
dr.Close (); 
dbConn.Close (); 
} 
} 
} 


protected void btsave Clickl(object sender, EventArgs e) 


{ 


1nt catId; 
Int32.TryParse (hideID.Value, out catId) ; 
String sql; 


1 
{ 


(catId == ) 


sql = string.Format (@"INSERT INTO Category (Code, Name, Descript1ion) 


} 


VALUES (“ {0 ," {1} , 2) tbpcoade .TIext tbName .Text ， 
tbhDescription.Text); 


else 


{ 


sql = string.Format (QQ"UPDATE Category SET Code='"{0}17，Name="{11}7， 
Description=" {2}' 
WHERE ID={3}", tbCode.Text, tbName.Text, tbDescription .Text ， 

); 


} 

SqlCommand cmd = 5 
dbConn.open (); 

cmd. ’ 

dbConn. r 

Response.Redirect ("CategoryMgr.aspx"); 


} 

3. 实现 《个 人 通讯 录 》 系 统 后 台 管 理 页 面 ， 包 括 联 系 人 类别 和 联系 人 信息 维护 ， 要 
求 使 用 母 版 页 ， 并 将 后 合 页面 保存 到 Admin 文件 夹 中 。 并 且 联 系 人 详情 页 面 中 应 该 包括 联 
系 人 的 照片 。 最 后 将 系统 发 布 到 IS， 排 除 发 布 后 出 现 的 所 有 错误 。 
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学 习 目标 

。 了 解 《 企 业 KPI 查询 系统 》 的 系统 建设 目标 ; 

。 了 解 角色 分 析 的 方法 ， 了 解 用 例 图 扩展 用 法 以 及 前 景 对 用 例 的 指导 作用 ; 
。 了 解 需求 分 析 中 的 非 功能 性 需求 分 析 ; 

。 理解 模块 设计 和 用 例 之 间 的 关系 和 区 别 ， 掌 握 功能 模块 图 的 绘制 和 描述 。 


7.1 需求 分 本 


1， 背 这 
关键 绩效 指标 (Key Performance Indicator，KPI) 是 对 组 织 内 部 流程 的 输入 站 、 输 出 
站 的 关键 参数 进行 设置 、 取 样 、 计 算 、 分 析 ， 是 衡量 流程 绩效 的 一 种 目标 式 量 化 管理 指标 。 
为 了 使 企业 执行 有 效 的 绩效 管理 ， 运 用 高 效率 的 信息 RE RE 
企业 管理 决策 服务 ， 企 业 管 理 KPI 系统 应 运 而 生 。 为 此 ， 茶 公司 硕 望 开发 一 个 企业 KPI 会 
询 系 统 〔( 以 下 人 简称 KPIs)， 主 要 希望 达到 如 表 7-1 所 示 目 标 。 
表 7-1 KPIs 业务 前 景 
编号 目标 
P01 能 够 建立 整个 企业 分 层级 的 KPI 指标 体系 ， 并 允许 根据 需要 灵活 调整 
P02 允许 相关 人 员 协 同 录入 各 指标 数据 ， 分 合作 、 互 不 干扰 ， 并 避 倪 KPI 指标 数据 被 随意 调整 
P03 可 以 方便 地 会 看 指标 数据 ， 但 义 要 防止 KPI 数据 泄露 
P04 提供 KPI 指标 的 图 表 分 析 功 能 ， 方 便 管理 人 员 分 析 KPI 数据 
2. 用 例 分 析 
1) 角色 分 析 
需求 分 析 通 第 从 什么 人 会 使 用 系统 入 手 ， 也 丈 是 分 析 系 统 角 色 有 哪些 。 和 MPMM 不 
同 ，KPIs 中 存在 着 多 个 和 角色， 具体 角色 分 析 如 表 7-2 所 示 。 
表 7-2 KPIs 角色 分 析 


编号 ”角色 名 称 人 点 需求 代表 人 
AC01 ”管理 员 负责 管理 系统 的 基本 数据 。。 维护 企业 的 部 门 结构 郭 小 杰 
e 管理 各 部 门 的 用 户 
。 管理 各 部 门 的 KPI 指标 和 指标 输入 人 员 
AC02 ”领导 某 部 门 负 责 人 ，KPI 指标 。 查看 部 门 和 下 级 部 门 的 所 有 KPI 指标 、 ” 张 小 美 
数据 的 消费 者 指标 数据 
AC03 ”数据 员 负责 KPI 指标 数据 的 录入 。 查看 自己 的 KPI 指标 李 小 歌 


。 奋 看 、 录 入 、 人 和 修改 、 删 除 目 己 的 指标 数据 
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2) 用 例 图 

通过 分 析 角 色 使 用 系统 完成 什么 事项 ， 可 以 给 出 KPIs 的 用 例 图 ， 如 图 7-1 所 示 。 相 对 
于 角色 的 需求 ， 图 中 增加 了 “管理 权限 ”“ 记 录 操 作 日 志 ”“ 查 看 操作 日 志 ” 和 “查看 指标 
走势 图 ” 几 个 用 例 。 


<<include>> -< 


管理 人 员 , 


pi 


”查看 指标 
z Sy 数据 | 
<<include>: 害 理 指标 数据 


图 7-1 KPIs 用 例 图 


为 什么 会 在 用 户 明 确 提出 的 需求 之 外 增加 这 些 用 例 呢 ? 表 7-3 给 出 了 业务 前 景 和 用 例 
的 对 照 表 ， 可 以 知道 每 个 用 例 部 是 支撑 业务 前 景 的 ， 当 发 现 业 务 前 景 没有 被 完全 入 主 时 束 
需要 增加 用 例 ， 反 之 如 果 用 例 没有 对 应 的 业务 前 景 束 可 以 去 除 。 


表 7-3 KPIs 用 例 帮 盖 业 务 前 景 对 照 表 


业务 前 术 “用例 乱 盖 前 际 
P01 管理 部 门 分 层级 体系 
管理 KPI 指标 KPI 指标 
P02 管理 人 员 相关 人 员 协 同 
管理 指标 数据 录入 各 指标 数据 
管理 权限 分 工 合作 、 互 不 干扰 
记录 操作 日 志 、 查 看 操作 日 志 避 人 急 KPI 指标 数据 被 随意 调整 
P03 查看 指标 、 奋 看 指标 数据 方便 地 查看 指标 数据 
管理 权限 防止 KPI 数据 泄露 
P04 但 看 指标 走势 图 图 表 分 析 功 能 


图 7-1 中 省 略 了 请 如 用 户 登 录 之 类 的 基本 用 例 , 请 读者 日 行 补充 , 午 点 注意 以 下 儿 扩 。 

C1) 用 例 图 中 可 以 有 多 个 角色 ， 如 图 7-1 包含 了 所 有 KPIs 角色 。 

(2) 不 同 角 色 可 使 用 相同 用 例 ， 如 “领导 ”和 “管理 员 ” 都 可 以 使 用 “查看 操作 日 志 ” 
用 例 。 

(3) 用 例 可 以 包含 另 一 个 用 例 ，UML 中 用 带 <include> 的 箭头 线 来 表示 ， 如 “管理 人 
员 ” 用 例 中 包含 了 “管理 权限 ”用 例 。 

KPIs 的 用 例 虽然 较 多 但 并 不 复杂 ， 因 此 不 册 进 一 步 给 出 用 例 搬 述 。 

3. 非 功能 性 需求 分 析 

一 般 来 说 一 个 软件 系统 ， 除 了 功能 性 需求 外 ， 还 会 有 非 功 能 性 需求 ， 如 安全 性 、 性 能 、 
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称 定 性 、 美 观 性 、 便 利 性 、 经 济 性 、 可 扩展 性 等 。 非 功能 性 需求 最 好 能 够 给 出 量化 标准 ， 
如 稳定 性 可 以 要 求 “ 能 够 7x24 小 时 工作 ， 年 故障 时 间 不 得 超过 1 天 ”。 当 然 ， 有 些 是 难以 
量化 的 ， 如 “界面 必须 美观 ， 操 作 要 方便 ”。 

KPIs 非 功 能 性 的 要 求 比较 简单 ， 罗 列 如 下 : 

(1) 文 持 的 数据 容量 >2G， 不 限制 部 门 、 人 数 、 指 标 数 和 指标 数据 量 。 

(2) 一 般 的 管理 操作 和 录入 操作 ， 系 统 啊 应 时 间 不 能 超过 1s; 对 于 大 量 数据 的 分 析 、 
展示 ， 系 统 啊 应 时 间 不 能 超过 60s。 

(3) 支持 使 用 一 般 的 PC 服务 器 作为 Web 服务 器 ， 客 户 端 兼容 常见 浏览 器 。 

(4) 系统 能 够 称 定 运行 ， 在 基础 软 便 件 系统 正音 工作 的 前 担 下 ， 不 得 出 现 由 于 程序 或 
人 为 错误 导致 整个 系统 朋 涡 的 情况 。 

(5) 界面 要 美观 ， 适 合 KPI 指标 展示 数据 量 较 大 的 特点 。 

(6) 具有 基本 的 安全 性 ， 能 防止 凋 见 的 网 站 攻击 手段 ， 未 经 授权 无 法 使 用 系统 。 

(7) 操作 要 便利 ， 主 要 功能 的 使 用 操作 不 超过 5 个 步 又， 第 用 功能 不 超过 3 个 
步骤 。 


7.2 要 要 坟 计 


本 节 仅 给 出 技术 线路 选择 、 功 能 模块 设计 和 简略 的 实体 类 设计 ， 请 读者 参考 本 书 第 一 
篇 完成 其 他 设计 工作 。 

1. 技术 线路 选择 

开发 一 个 软件 必然 涉及 相关 技术 的 选择 ， 一 方面 用 户 需求 会 影响 技术 选择 ， 另 一 方面 
技术 选择 也 会 影响 软件 功能 、 特 性 。KPIs 的 技术 线路 如 表 7-4 所 示 。 


表 7-4 KPIs 技术 线路 选择 


内 容 具体 选择 

开发 工具 Visual Studio 2013 Express Editions 人 简体 中 文雄 
开发 技术 ASPNET 4.5 

所 用 语言 C# 

数据 库 系 统 SQL Server 2012 上 Xpress 

运行 环境 IIS 7.0 


2. 功能 模块 设计 

当 系 统 功 能 比较 复杂 时 ， 需 要 进行 功能 模块 设计 ， 也 就 是 确定 系统 的 功能 如 何 分 解 成 
较 小 的 功能 模块 ， 以 及 各 功能 模块 之 间 的 关系 。 不 要 将 用 例 和 功能 模块 混为一谈 ， 一 个 用 
例 可 能 被 划分 为 几 个 功能 模块 ， 反 之 一 个 功能 模块 也 有 可 能 实现 多 个 用 例 。 

1) 功能 模块 图 

很 多 系统 的 功能 模块 形成 层次 关系 ， 所 以 用 层次 图 给 出 是 比较 合适 的 ， 称 为 系统 功能 
模块 图 ， 例 如 KPTs 的 功能 模块 图 如 图 7-2 所 示 。 

2) 功能 模块 拍 述 

功能 模块 图 给 出 了 系统 模块 的 划分 和 模块 之 间 的 关系 , 表 7-5 以 表格 形式 对 KPTs 功能 


他 
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模块 进行 了 简单 要 描述 ， 明 确 了 各 模块 的 功能 和 注意 点 。 


三 三 三 三 三 三 


图 7-2 ”KPIs 功能 模块 图 


表 7-5 KPIs 模块 简要 描述 
模块 模块 描述 
部 门 管理  。 整个 公司 作为 顶级 部 门 。 可 以 添加 、 修 改 、 删 除 某 个 部 门 的 下 级 部 门 。 如 果 部 门 拥有 
下 属 人 员 、 部 门 或 KPI 指标 ， 则 无 法 删除 该 部 门 
。 目前 不 考虑 支持 部 门 合并 、 人 员 迁 移 、 部 门 停 用 等 操作 
人 员 管 理 ”。 可 以 添加 、 人 修改、 删除 人 员 ， 每 个 人 员 属 于 某 个 部 门 。 人 员 可 以 拥有 得 看 权限 、 系 统 
管理 权限 、 数 据 录 入 权限 
e 顶级 部 门 设置 默认 管理 员 一 名 ， 不 可 删除 、 修 改 
es 如 果 人 员 态 记 了 了 密码， 可 以 请 管理 员 重 置 自 己 的 密码 
指标 管理 。” 。 每 个 部 门 可 以 拥有 一 个 或 多 个 KPI 指标 ， 每 个 KPI 指标 拥有 一 个 权重 ， 用 于 计算 该 部 
门 的 综合 KPI 指标 得 分 。 权 重 可 以 为 0， 表示 不 参与 综合 计算 。 如 果 KPI 指标 有 所 属 
的 指标 数据 ， 则 不 允许 删除 该 KPI 指标 
。 每 个 指标 可 以 指定 1 个 数据 员 ， 该 数据 员 不 一 定 是 指标 所 属 部 门 的 人 员 
e 目前 不 考虑 支持 将 下 级 部 门 的 某 个 KPI 指标 汇总 出 部 门 某 个 KPI 指标 的 功能 , 不 考虑 
指标 权重 是 否 合理 ， 不 考虑 停 用 KPI 指标 的 功能 


数据 分 析 。 领导 可 以 人 奔 看 日 己 ( 含 下 属 ) 部 门 的 KPI 指标 和 指标 数据 ， 售 看 指标 数据 分 析 图 
。 文 持 的 分 析 图 为 指定 时 间 范 围 内 的 折线 图 

数据 采集  。 数据 员 可 以 但 看 目 己 负责 的 指标 和 指标 数据 ， 并 可 对 指标 数据 进行 增 、 除 、 改 操作 
。 所 有 对 指标 数据 的 操作 都 会 记录 到 操作 日 志 中 ， 以 免 数 据 员 随 意 调 整数 据 

日 志 管 理 。 管理 员 可 以 查看 所 有 操作 日 志 ， 领 导 可 以 奋 看 目 己 〈 含 下 属 ) 部 门 指 标的 操作 日 志 
。 管理 员 还 可 以 删除 日 志 ， 以 免 过 期 的 日 志 占 用 过 多 资源 


3. 实体 类 图 

通过 分 析 KPIs 的 背景 、 用 例 和 模块 设计 ， 可 以 得 到 如 图 7-3 所 示 的 类 图 。 其 中 包含 的 
类 都 是 实体 类 ， 所 以 叫做 实体 类 图 。 软 件 设计 中 还 会 涉及 其 他 的 类 ， 如 服务 类 、 界 和 面 类 等 ， 
也 可 以 通过 类 图 来 表示 ， 相 关 知 识 可 以 查阅 软件 工程 资料 。 

图 7-3 没有 给 出 类 的 属性 和 方法 ， 关 系 设计 也 不 太 合 理 ， 后 续 将 对 其 进行 完善 
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图 7-3 KPIs 实体 类 图 示意 图 


习 题 7 
一 、 选 择 题 
1. 在 UML 用 例 图 中 ， 人 形 符号 表示 的 是 (  )。 
A) 关联 B) 用 例 C) 角色 D) 系统 


2. 下 列 关 于 角色 (Acton) 说 法 正确 的 是 (  )。 
A) 束 是 用 户 ， 系 统 有 多 少 用 户 束 有 多 少 角 色 
B) 表示 人 或 事物 在 使 用 系统 或 与 系统 交互 时 所 承担 的 角色 
C) 一 个 用 户 不 可 能 同时 承担 两 个 角色 
D) 不 同 角 人 色 不 能 使 用 相同 用 例 (Use Case) 
二 、 填 空 题 
1. 需求 分 析 不 仅仅 包括 功能 需求 分 析 ， 还 包括 


2 判断 用 例 是 否 已 经 能 够 满足 需求 ， 可 以 通过 分 析 用 例 是 否 覆盖 来 
进行 。 

三 、 是 非 是 

( ) 1. 用 例 中 可 以 包含 男 一 个 用 例 ，UML 中 用 市 snclude> 标 记 的 稍 头 线 来 表示 。 

(  ) 2， 一 个 用 例 可 能 被 划分 为 几 个 功能 模块 ， 反 之 一 个 功能 模块 也 可 能 实现 多 个 
用 例 。 


东 连 锁 超 市 希望 开 友 一 个 《门店 销售 指标 跟 踩 系统》 能 够 对 下 属 门店 的 经 营 情况 进行 
综合 分 析 ， 为 此 再 要 跟 蹊 每 个 门店 每 天 的 销售 数量 、 销 售 金 千 、 工 作 人 数 、 顾 客人 数 等 指 
标 。 由 于 门店 数量 众多 ， 因 此 会 将 门店 按照 区 域 分 组 ， 几 个 区 域 又 合并 为 一 个 大 区 。 请 根 
据 上 述 摘 述 , 参考 KPTs 的 分 析 和 设计 , 完成 该 系统 的 用 例 分 析 、 功能 模块 设计 和 实体 类 图 。 


Web 寞 面 设 计 和 实现 


学 习 目 标 


理解 页 面 清 单 的 作用 和 

了 解 系统 登录 功能 ， 了 解 树 形 结构 数据 的 展示 ， 了 解 清单 和 明细 编辑 在 同一 页 面 的 
交互 模式 ; 

掌握 VS 中 新 建 ASPNET Web 应 用 程序 的 方法 , 理解 新 建 应 用 程序 和 新 建 网 站 的 联 
系 和 区 别 |]; 

掌握 什么 是 CSS、CSS 选择 器 和 属性 、 继 承 机 制 ， 了 解 提供 CSS 的 不 同 途径 ， 了 


解 CSS 选择 器 分 组 ; 
深刻 理解 CSS 盒子 模型 ， 理 解 margin、padding 属性 的 联系 和 区 别 : 


掌握 ID 选择 器 的 使 用 ， 了 解 HIML<div> 和 <span> 元 素 在 CSS 中 的 广泛 应 用 ; 
掌握 ASPNET 控件 CssClass 属性 和 HTML 元 素 class 属性 ， 掌 握 类 选择 器 的 使 用 ; 
掌握 CSS 图 片 背 景 、 图 片 按钮 技巧 ， 理 解 float 元 素 的 工作 机 制 ; 

掌握 CSS 实现 登录 页 面 布局 和 网 站 整体 布局 。 


8.1 界面 计 细 攻 计 


界面 设计 包括 开工 设计 和 区 互 模式 设计 ， 有 是 非常 值得 研究 的 内 容 ， 大 型 开发 中 由 专业 
的 界面 工程 师 负 责 ， 小 型 项 目 中 通 钊 由 软件 开 有 人员 兼任 。 


页 面 请 单 


界面 设计 时 应 该 给 出 界面 清单 、 命 名 规范 、 界 面 功能 分 工 ， 这 样 便于 团队 合作 开发 ， 
因为 团队 成 员 可 以 根据 清单 进行 分 工 ， 并 且 根 据 清单 规范 给 界面 命名 以 便 集 成 。 对 于 KPTs 
这 样 的 Web 系统 来 说 ， 界 面 清 单 就 是 页 面 清单 ， 如 表 8-1 所 示 。 


表 8-1 KPIs 页 面 清单 


模块 路 径 页 面 文 件 页 面 描述 
KPIs / Site.master 页 面 母 版 ， 注 销 用 户 
部 门 管 理 。” /Admin DeptManage.aspx 部 门 管 理 ， 列 表 、 删 除 、 增 加 、 修 改 
人 员 官 理 。 /Admin StaffManage.aspx 人 员 管 理 ， 列 表 、 删 除 、 增 加 、 人 修改、 密 但 重 置 
指标 管理 /Admin IndexManage.aspx KPI 指标 管理 ， 列 表 、 删 除 、 增 加 、 修 改 
数据 分 析 /Index List.aspx 但 看 KPI 指标 清单 
Data.aspx 序 看 指标 数据 ， 查 看 指标 数据 分 析 图 
数据 采集 。 /Collect List.aspx 得 看 采集 KPI 指标 


Data.aspx 查看 指标 数据 、 


添加 、 修 改 、 删 除 
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续 表 
模块 路 径 页 面 文件 页 面 描述 


日 志 管 理 /Log List.aspx 但 看 日 志清 单 ， 删 除 
用 户 管理  / Login.aspx 首页 /登录 
ChangePwd.aspx 修改 密码 


2.。 整体 页 面 布局 
KPIs 中 部 门 是 所 有 数据 的 中 心 ， 所 以 围绕 部 门 设计 了 如 图 8-1 所 示 的 KPIs 整体 布局 。 


王 单 |  ( 张 =] .注销 


部 门 树 ”| 主 操作 区 域 
Le 


- Copyright.2016 


图 8-1 KPIs 整体 页 面 布 局 示意 图 


图 8-1 所 示 布 局 为 典型 的 上 中 下 型 。 上 方 为 羔 单 和 用 户 操 作 和 面板 ， 下 方 是 页 脚 ， 显 示 
系统 名 称 、 版 权 等 信息 ， 中 间 是 整个 站 点 的 核心 操作 区 域 。 由 于 部 门 为 多 级 层次 结构 ， 所 
以 核心 操作 区 域 左 侧 为 树 形 部 门 清单 ， 右 侧 则 是 主要 的 数据 展示 和 操作 区 域 。 

KPIs 所 有 页 面 《 除 登 录 页 面 ) 都 采用 如 图 8-1 所 示 的 布局 ， 但 具体 的 主 染 单 、 部 门 树 
或 主 操作 区 域 的 内 容 会 随 看 用 户 权 限 和 页 面 不 同 而 动态 调整 。 

3. 详细 页 面 设计 

1) 登录 页 面 

登录 页 面 如 图 8-2 所 示 。 根 据 用 户 权限 不 同 ， 登 录 后 会 进入 不 同 的 系统 功能 页 面 : 管 
理 员 进 入 部 门 管理 页 面 ， 领 导 进 入 数据 分 析 页 面 ， 而 数据 员 则 进入 数据 及 集 页 面 。 

2) 部 门 树 

展示 层次 关系 的 数据 ， 如 企业 的 部 门 ， 最 佳 方式 是 树 形 结构 ， 如 图 8-3 所 示 。 


user Login 


用 户 登 录 
到 本 4 BB 
Ta eb BL 


: 部 | ] 名 称 
日 总 经 理 
日 运营 副 总 经 理 
农具 三 
日 财务 副 总 经 理 
日 材料 科 
原料 所 


图 8-2 ” KPIs 用户 登 录 页 面 浏览 效果 图 8-3 KPIs 树 形 部 门 导航 区 域 浏览 效果 


部 门 树 节点 是 超 链 接 ， 单 击 超 链接 ， 不 同 页 面 在 主 操作 区 展示 不 同 的 内 容 ， 具 体 为 
。 部 门 管理 页 面 ， 显 示 该 部 门 的 直接 下 级 部 门 清单 。 

。 人 员 管理 页 面 ， 显 示 该 部 门 的 人 员 清单 。 

彰 标 管理 页 面 ， 显 示 该 部 门 的 KPI 指标 清单 。 

。 日 志 管 理 页 面 ， 显 示 该 部 门 〈 或 所 有 下 级 部 门 ) 的 KPI 指标 数据 的 操作 日 志 。 


多 一 汉 
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。 数据 分 析 页 面 ， 显 示 该 部 门 〈 或 所 有 下 级 部 门 ) 的 KPI 指标 清 蛙 。 

。 数据 采集 页 面 ， 显 示 该 部 门 (或 所 有 下 级 部 门 ) 的 KPI 指标 清单 ， 但 局 限于 用 户 有 

权限 维护 的 指标 。 

3) 后 台 管 理 页 面 

部 门 管理 、 人 员 管 理 、 指 标 管理 和 日 志 管 理 页 面 ， 都 是 后 台 管 理 页 面 ， 它 们 的 页 面 设 
计 是 类 似 的 ， 例 如 入 员 管理 的 管理 页 面 布局 如 图 8-4 所 示 。 


和 人 员 管 理 
姓名 : [得 击 ] 口 包 含 下 角 部 门 添加 新 人 员 
是 否 采集 人 
修改 及 上 全 1jh 李 矢 欢 总 经 理 总 经 理 是 
修改 是 | 除 zjl 周 本 伦 。 ”总 经 理 副 总 经 理 将 
收 改 是 | 除 ce 陈冠希 “总 经 理 运营 副 总 经 理 是 
修改 是 | 队 wlh 王力宏 。 总 经 理 财务 副 | 总 经 理 是 
用 户 名 : “| ”所 在 部 门 : 总 经 理 
密码 : l 现任 职务 : 
室 码 确认 : 是 否 采 集 人 : 痢 星 合 王 
真实 姓名 : 
提 变 


图 8-4 KPIs 人 员 管 理 页 面 浏览 效果 


如 图 8-4 所 示 的 管理 页 面 布局 分 为 4 个 区 域 ， 标 题 栏 、 工 具 栏 、 列 表 清单 和 输入 区 。 
标题 栏 显示 当前 管理 页 面 的 名 称 “ 人 员 管理 ”。 工 具 栏 中 有 “输入 查找 条 件 ” 和 “查询 ” 按 
钮 ， 选 中 “包含 下 级 部 门 ”的 复 选 框 ， 显 示 的 清单 将 包含 下 级 部 门人 员 ; 单 击 “ 添 加 新 人 
员 ” 超 链接 ， 在 页 面 下 方 显示 空白 输入 区 ， 用 于 新 增 当前 部 门 的 人 员 。 

列表 清单 显示 人 员 清单 ， 如 果 内 容 过 多 应 该 分 页 显示 。 列 表 前 两 列 为 “修改 ”和 “ 删 
除 ” 超 链 接 ， 单 击 “ 修 改 ” 超 链接 ， 就 在 下 方 显示 这 个 人 员 的 内 容 ， 并 可 以 进行 修改 ; 单 
击 “ 删 除 ” 超 链接 ， 就 会 提示 “确认 是 否 删除 ” 如 果 确 认 则 删除 该 人 员 。 

4) 数据 管理 页 面 

数据 分 析 页 面 和 数据 采集 页 面 非 常 类 似 ， 都 有 指标 数据 展示 ， 只 是 前 者 有 分 析 图 表 ， 
后 者 有 数据 输入 区 域 。 以 数据 分 析 页 面 为 例 ， 展 示 该 部 门 KPI 指标 清单 的 界面 如 图 8-5 所 示 。 


有 所 选 部 门 及 其 下 级 部 门 的 媒 I 指 标 


部 门 名 称 来 集 信 员 杜 名 最 新 数据 
企业 净化 宣传 指标 总 经 理 李 涌 骏 BO% 
服务 获 率 总 经 理 陈冠希 33% 
资产 量 利 效率 总 经 理 李 医 光 20% 
报价 准确 性 总 经 理 郭德纲 77. 5% 
单据 审核 正确 性 总 经 理 王力宏 88. 6% 


图 8-5 ”KPIs 指标 清单 页 面 浏览 效果 


单 击 指标 名 称 可 以 查看 该 指标 的 详细 信息 ， 单 击 最 六 
的 明细 数据 和 分 析 图 ， 如 图 8-6 所 示 。 


数据 栏 中 的 数据 可 以 查看 该 指标 
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33% Et 2012/1/8 
?1. 5% 201171171 2012/1/8 
31.7% 2011/10/1 2012/17/8 
20. 5% 201179/1 2012/1/8 
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训 一 一 
-a 
| 
0 | 
2011)6/1 2011/3/1 2011/10/1 2011/11/1 2011/12/1 


图 8-6 ”KPIs 数据 分 析 页 面 浏览 效果 


8.2 ”实现 登录 页 面 布局 


KPIs 使 用 HIML <div> 标 记 结合 层 二 样式 表 (CSS) 实现 布局 〈 人 和 侧记 为 DIV+CSS)。 
由 于 页 面 和 样式 表 是 可 以 分 离 的 ， 修 改 布局 时 无 有 顷 修 改 HTML 页 和 面 和 程序 代码 ， 只 要 切换 
页 面 所 用 样式 表 即 可 ， 这 是 表格 布局 难以 做 到 的 。 

1， 层 登 样 式 表 CSS 

1) CSS 概述 

CSS 指 层 羞 样 式 表 (Cascading Style Sheets，CSS)。HTML 标记 原本 被 设计 为 用 于 定 
义 文档 内 容 。 通 过 使 用 <hl>、<p>、<table> 这 样 的 标记 ，HTML 的 初衷 是 表达 “这 是 标 
题 ”"”“ 这 是 段落 ”“ 这 是 表格 ”之 类 的 信息 。 同 时 文档 布局 由 浏览 器 来 完成 。 

但 实际 上 人 们 不 但 需要 控制 文档 的 内 容 ， 而 且 还 迫切 希望 能 够 控制 文档 的 展示 外 观 ， 
为 此 万 维 网 联盟 (W3C) 创造 出 了 样式 的 概念 ， 可 以 将 样式 应 用 到 某 个 HTML 元 素 ， 从 而 
控制 该 元 素 的 展示 外 观 。 所 有 的 主流 浏览 器 均 文 持 层 琶 样式 表 。 

样式 表 就 是 指 样式 的 列表 ， 也 就 是 一 个 梓 式 的 清单 。 因 为 可 以 通过 多 种 途径 来 提供 样 
式 表 ， 这 些 不 同 途 径 提 供 的 样式 表 ， 会 合并 成 一 个 最 终 的 复合 样式 表 ， 即 层 登 样式 表 。 可 
能 的 样式 表 提 供 途 径 和 优先 顺序 如 表 8-2 所 示 。 


表 8-2 样式 表 提供 途径 和 优先 级 
优先 级 ”途径 说 明 
] 默认 浏览 器 默认 设置 
2 外 部 外 部 样式 表 ， 独 立 于 HTML 文件 存在 的 样式 表 文 件 ， 通 过 链接 方式 引入 
3 内 部 内 部 样式 表 ， 定 义 在 HTML 文档 的 <head> 标 记 内 
4 内 联 内 联 样 式 ， 通 过 HTML 标记 的 style 属性 ， 定 义 在 HTML 元 素 内 


不 同 途 径 提 供 的 样式 表 可 能 作用 到 同一 个 HTML 元 素 ， 根 据 优 先 级 (从 1 一 4 依次 升 
局 ) 依 次 履 盖 。 其 中 内 联 样 式 拥有 最 局 的 优先 权 ， 这 半 味 看 它 会 禾 盖 其 他 样式 表 中 的 相同 
样式 。 一 般 而 言 ， 应 该 把 整个 网 站 共用 的 样式 定义 在 外 部 样式 表 中 ， 不 同 的 页 面 链接 到 相 
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同 的 外 部 样式 表 ; 只 有 少量 专用 样式 才 会 用 内 联 或 内 部 的 方式 来 定义 。 
2) CSS 语法 
CSS 中 一 个 样式 的 定义 由 两 个 主要 的 部 分 构成 : 选择 需 以 及 一 条 或 多 条 声明 。 每 条 疡 
明 由 一 个 属性 和 一 个 值 组 成 。 具 体 的 语法 格式 为 


selector { propertyl:valuel; property2:value2; … property:valueN } 


选择 占用 于 指定 样式 作用 的 HTML 元 素 ， 如 希望 定义 <h1> 元 素 的 梓 式 ， 选 择 右 就 是 
hl 。 每 条 声明 的 属性 (property) 是 希望 设置 的 样式 属性 (style attribute )， 如 颜色 属性 color， 
字体 字号 属性 fontsize。 不 同属 性 的 取 值 不 一 样 ， 有 些 值 还 可 以 有 不 同 的 表示 法 . 

例如 对 <p> 元 素 进 行 样式 定义 : 设置 段 沙 中 文本 对 齐 方式 (text-align) 为 居中 (center )， 
闫 色 (color) 为 黑色 black)， 使 用 字体 〈font-family) 为 arial， 相 应 的 CSS 代码 为 


P { text-align: center; Color: black; font-family: "arial"; } 


使 用 上 述 样式 的 页 面 ， 所 有 段落 都 会 使 用 这 个 样式 。 像 这 样 指定 茶 一 类 HTML 元 素 样式 的 

3) CSS 选择 器 

CSS 选择 项 的 种 关 丰 军 多 彩 ， 也 显得 比较 复杂 ， 除 了 元 系 选 择 右 ， 还 有 选择 器 分 组 、 
选择 器 继承 、 派 生 选 择 器 、 后 代 选 择 嚣 、 子 元 素 选 择 器 、 相 邻 兄弟 选择 器 、ID 选择 器 、 类 
选择 器 、 属 性 选择 器 等 。 

例如 ， 选 择 器 分 组 用 于 指定 一 组 HTML 元 素 ， 元 素 之 则 用 逗号 分 隔 ， 如 CSS 样式 : 


hi,h2,h3,h4,hy,he { color: green; } 


将 所 有 标题 元 系 都 定义 成 了 绿色 。 
根据 标准 的 CSS 规范 ，HIML 中 的 子 元 素 会 目 动 继承 父 元 妹 的 属性 ， 如 CSS 样式 : 


body { font-family: Verdana, sans-serif; } 


则 子 元 素 (诸如 p,td,ul,ol,ul,li,dl,dt 和 dd 等 ) 将 继承 最 高 级 元 素 (body) 所 拥有 的 属性 ， 不 
震 要 另外 的 样式 规则 ， 所 有 body 的 子 元 素 都 会 显示 Verdana 字体 ， 子 元 素 的 子 元 素 也 
一 样 。 

继承 有 两 点 需 注 意 : 一 是 有 些 浏览 髓 不 文 持 继承 ， 或 在 某 些 元 素 上 不 文 持 继承 ;二 是 
如 果子 元 素 定 义 了 目 己 的 样式 规则 ， 则 子 元 素 的 样式 规则 优先 。 所 以 ， 有 时 候 开 发 人 员 会 
利用 选择 器 分 组 同时 定义 父 元 素 和 子 元 素 的 样式 ， 如 : 


body, p, td, ul, ol, 11i, dl, dt, dd { font-family: Verdana, sans—serif; } 


无 论 哪 种 选择 颖 都 是 用 于 指定 样式 规则 所 作用 的 HIML 元 素 ， 只 是 指定 的 方式 不 同 。 

2. DIV+CSS 页 和 面 布局 

1) 新 建 Web 项 卓 

打开 VS, 选择 “文件 一 新 建 一 项 目 ” 命 令 , 在 对 话 框 中 选择 框架 为 .NET Framework 4.5， 
注意 选择 网 站 项 目的 类 型 为 Visual Studio 2012 下 的 “ASPNET 空 Web 应 用 程序 ” 输入 名 
称 为 KPIsWeb， 修 改 解决 方案 名 称 为 KPIs， 如 图 8-7 所 示 。 
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EE 已 安装 区 非 
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ee 
图 8-7 创建 Web 应 用 程序 对 话 框 


单 击 “ 确 定 ” 按 钮 ，VS 会 创建 一 个 名 为 KPIs 的 解决 方案 ， 方 案 中 只 有 一 个 名 为 
KPIsWeb 的 网 站 项 目 。 这 种 新 建 网 站 项 目的 方式 和 MPMM 中 新 建 网 站 方式 对 网 站 开发 而 
言 差 别 不 大 ， 只 是 网 站 项 目 方式 会 创建 一 个 网 站 项 目 文件 Ccsproj)， 记 录 网 站 中 的 文件 和 配 
置信 息 。 另 外 ， 新 建 网 站 方式 的 默认 文件 夹 为 VS 文档 文件 夹 下 的 WebSites 文件 夹 ， 而 网 
站 项 目的 默认 文件 夹 为 VS 文档 文件 夹 下 的 Projects 文件 夹 。 

不 管 是 网 站 还 是 网 站 项 目 ，VS 都 会 在 Projects 下 新 建 一 个 解决 方案 。 所 谓 解决 方案 ， 
可 以 理解 为 项 目 集 合 。 例 如 ， 创建 KPIsWeb 时 ， 指 定 了 解决 方案 名 称 为 KPIs， 所 以 VS 会 
在 Projects 文件 夹 下 添加 KPIs 文件 夹 ， 并 在 其 中 包含 一 个 名 为 KPIs.sln 的 解决 方案 文件 和 
名 为 KPIsWeb 的 网 站 项 目 文 件 来。 目前 KPIs 解决 方案 中 只 有 KPIsWeb 这 一 个 项 目 ， 后 续 
将 会 添加 其 他 类 型 的 项 目 。 

2) 盒子 模型 

在 网 站 根 文件 夹 下 新 增 Logim.aspx 页 面 ,然后 在 网 站 Styles 文件 夹 下 新 增 名 为 Login.css 
的 层 著 样 式 表 文件 。 为 了 使 用 DIV+CSS 布局 ， 需 要 理解 CSS 盒子 模型 。 

<div> 元 素 也 被 称 为 屋 ， 一 个 层 就 相当 于 一 个 方 合子， 这 个 盒子 里 面 可 以 放置 任何 
HTML 元 素 , 所 谓 盒子 模型 就 是 理解 这 个 盒子 各 项 属性 的 
一 个 模型 ， 如 图 8-8 所 示 。 

放置 到 盒子 内 部 的 HTML 元 素 就 是 内 容 ， 盒 子 宽度 
Cwidth) 和 高 度 (height) 是 指 内 容 的 宽度 和 高 度 ; 内 容 ， 
到 边框 (border) 之 间 的 空 际 用 盒子 的 背景 (background ) 
色 填 充 ， 其 间距 称 为 内 边 距 (padding); 盒子 边框 和 父 元 图 8-8 CSS 例子 梭 弄 
素 边框 之 间 的 距离 称 为 外 边 中 (margin)。 

实际 上 所 有 HTML 元 素 都 有 这 样 一 个 盒子 模型 ， 只 是 有 些 是 简单 元 素 ， 如 文本 、 输 入 
框 ， 而 有 些 是 容器 ， 如 <body>、<div> 元 素 。 盒 子 边框 、 内 边 距 、 外 边 距 默 认 值 一 般 为 0， 
但 也 有 一 些 元 素 例外 ， 如 输入 框 的 边框 默认 值 不 为 0。 特别 注意 两 点 : 

(1) 外 边 距 可 为 负数 ， 这 样 可 以 把 一 个 元 素 的 内 容 和 男 一 个 元 素 半 在 一 起 。 

(2) 四 个 方位 的 边框 、 内 边 距 、 外 边 距 都 可 以 单独 设置 ， 例 如 上 、 右 、 下 、 左 4 个 外 
边 中 的 属性 名 分 别 为 margin-top、margin-right、margin-bottom 和 margin-left。 

使 用 DIV+CSS 进行 布局 时 ， 经 常 要 考虑 边框 和 边 距 这 两 个 属性 ， 如 果 设 置 不 当 ， 很 
容易 造成 溢出 、 错 位 等 显示 异常 。 
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3) 使 用 CSS 样式 表 

当 CSS 样式 表 组 织 成 一 个 独立 文件 时 必须 将 页 面 与 样式 表 文件 关联 起 来 , 例如 ， 登 录 
页 面 Login.aspx 所 使 用 的 样式 定义 在 独立 的 Login.css 文件 中 , 因此 必须 在 Login.aspx 页 面 
中 引用 Login.css 文件 。 

通 音 使 用 <link> 标 记 来 引用 外 部 CSS 文件 , 即 在 <head>…</head> 标 记 中 放置 标记 <link 
rel="stylesheet" hre 伍 "< 独立 样式 表 文件 URL>" type="text/css" 广 来 关联 外 部 样式 表 文 件 。 例 
如 ，Login.aspx 页 面 的 头 部 语句 中 引用 Styles 文件 夹 中 的 Login.css 样式 表 文 件 ， 具 体 页 面 
代码 为 

<head runat="server"> 

<title> 登 杂 </title> 


<link href="SsStyles/Login.css" rel="stylesheet™" type="text/css" /> 
</head> 


使 用 <link> 标 记 来 引用 外 部 CSS 文件 ， 具 有 以 下 优势 。 

。 可 以 共享 样式 ， 建 立 整 站 风格 。 不 同 页 面 可 以 引入 相同 CSS 文件 ， 这 样 整 个 网 站 
的 页 面 都 可 以 用 一 个 统一 的 样式 文件 ， 从 而 保证 整个 网 站 的 风格 。 

。 便于 调整 页 面 的 样式 。 修 改 CSS 文件 即 可 修改 所 有 引用 这 个 CSS 文件 的 页 面 设计 。 

。 有 利于 SEO 。 引 用 外 部 CSS 文件 使 HITML 页 面 的 源 代码 量 比 直接 加 入 CSS 样式 
少 很 多 ， 由 于 搜索 引擎 蜘蛛 爬行 网 页 时 不 爬行 CSS 文件 ， 使 得 蜘蛛 爬行 更 快 ， 处 
理 更 少 ， 增 大 了 此 网 页 的 权重 ， 有 利于 提升 排名 。 

。 加 快 浏览 器 下 载 页 面 的 速度 。 用 户 浏 览 此 网 页 时 ，HIML 源 代码 和 CSS 文件 可 多 
线程 同时 下 载 ， 使 得 下 载 速 度 更 快 。 且 CSS 文件 无 顷 重 复 下 载 。 

3. Login.aspx 页 面 布 局 

Login.aspx 页 面 使 用 独立 的 布局 ， 如 图 8-2 所 示 ， 使 用 盒子 模型 分 析 可 得 到 如 图 8-9 

所 示 的 布局 区 域 分 析 图 。 


莫 色 渐变 背景 body 


RE 


图 8-9 ”登录 页 和 面 区 域 分 析 图 


其 中 蓝 色 渐变 背景 是 整个 页 面 也 就 是 <body> 元 素 的 背景 色 。 柚 套 在 <body> 元 素 中 ， 需 
要 居中 显示 的 是 登录 区 域 ， 这 是 一 个 圆 角 和 矩形， 并 且 带 有 一 些 美 术 字 体 和 背景 效果 。 输 入 
区 和 按钮 区 都 嵌 套 在 登录 区 域内 部 ， 左 右 并 排 排 列 。 输 入 区 内 需要 显示 “KPI 查询 系统 ” 
几 个 文字 和 用 户 名 、 密 但 输入 框 ， 按 钮 区 域 需要 显示 “登录 ”按钮 。 对 应 的 布局 框架 代码 
如 下 : 


<body> 
1 SEO (Search Engine Optimization) 即 搜索 引擎 优化 ， 是 专门 利用 搜索 引擎 的 搜索 规则 来 提高 网 站 


在 有 关 搜 索引 擎 内 日 然 排 名 的 方式 。 
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<form 1id="forml" runat="server"> 
<div 1id="login main™> 
<div 1id="login box"></div> 
<div 1id="login btn"></div> 
</d1liv> 
</form> 
</body> 


1) 页 和 面 背 景 

通过 设置 <body> 元 取 背 景 可 以 设置 整个 网 页 的 背景 , 但 使 用 背景 闫 色 是 无 法 实现 渐变 
色 的 。 为 此 ， 准 备 一 个 名 为 login bg.gif 的 图 片 文 件 ， 保 存在 Images 文件 夹 中 ， 图 片 宽度 
为 1 个 像素 点 〈 和 侧记 为 px)， 融 度 选择 585px， 图 厂 的 内 容 为 从 上 到 下 由 深蓝 色 渐 变 成 浅 监 色 。 

因为 仅 需 要 实现 垂直 方 同 上 的 渐变 色 ， 上 所 以 宽度 选用 lpx， 水 平方 同 可 以 通过 图 片 水 
平平 铺 〈repeat-x) 来 履 兰 整个 页 面 ， 这 样 可 以 让 图 片 文件 体积 最 小 。 在 Login.css 文件 中 
添加 实现 登录 面 背景 的 CSS 样式 定义 如 下 : 


Poay{ 
background-image: url('../Images/login bg.9gif'); /* 上 月 术 图 户 *V/ 
background-position: top; /* 背 景 图 片 顶 格 */ 


background-repeat: repeat-x;  /* 育 景 图 三 水 平平 铺 */ 
background-color: #226cc5; /* 同 时 设置 背景 色 ， 作 为 图 片 末 端 填 充 的 颜色 */ 
} 


上 述 样 式 中 同时 定义 了 背景 颜色 和 网 片 ， 背 景 图 片 会 履 盖 在 背景 颜色 之 上 上， 这样 垂 直 
方 问 上 背景 图 片 履 兰 不 到 的 区 域 就 会 显示 背景 颜色 ， 而 不 是 默认 的 白色 。 

2) 登录 区 域 

登录 区 域 葡 套 在 <body> 元 素 中 ， 实 际 上 就 是 一 个 背景 图 片 ， 继 续 在 Login.css 文件 中 
添加 如 下 CSS 样式 定义 : 


#1login main { 


width: 566px; /* 宽 大 */ 

height: 372px:; /* 稿 上 度 */ 

margin: ll0Opx auto auto auto; /*# 外 边 距 */ 
background-image: url('../Images/login main.png'); /* 衣 景 图 瞩 */ 
background-repeat: no-repeat; /# 稍 景 独 所 不 要 平 铺 *V/ 


} 

上 述 样式 通过 width 和 height 属性 指定 区 域 大 小 , 将 其 设置 为 背景 图 片 login_main.png 
的 大 小 。margin 属性 同时 指定 4 个 方位 外 边 距 ， 从 上 边 距 开始 顺 时 针 依 次 列 出 ， 用 空格 分 
隔 ， 分 别 是 top、right、bottom 和 left 四 个 边 距 。 值 auto 表示 自动 确定 边 距 ， 在 right 和 left 
边 距 值 都 为 auto 时 表示 根据 页 面 宽度 上 自动 获得 相同 的 数值 ， 从 而 实现 水 平 居中 。top 边 距 
值 为 110px， 所 以 登录 区 域 上 外 边 距 就 是 110px。 

注意 选择 器 前 面 的 “#” 号 ， 这 样 的 选择 器 称 为 ID 选择 器 ， 表 示 样 式 作 用 于 指定 DD 
的 元 素 ， 在 上 例 中 就 是 id=-login main 的 元 素 。 在 登录 页 面 这 样 的 布局 中 ， 每 个 <div> 层 都 
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有 自己 的 样式 ， 通 过 为 每 个 <div> 层 指定 一 个 ID 属性 值 ， 然 后 使 用 ID 选择 器 来 指定 样式 
比较 方便 。 

3) 泽 动 元 素 

笨 入 区 和 按钮 区 嵌 套 在 登录 区 域 中 ， 同 样 可 以 利用 外 边 距 来 控制 显示 位 置 ， 但 两 者 是 
块 元 素 ， 默 认 无 法 像 图 8-9 所 示 那 样 水 平 并 列 。 所 谓 块 元 妹 ， 融 是 稚 认 会 为 起 一 行 显示 的 
元 素 ， 例 如 段落 、 表 格 等 。 与 之 相对 应 的 行内 元 素 则 不 会 另 起 一 行 ， 如 文本 、 超 链接 等 。 
所 以 login_btn 区 域 默 认 会 显示 在 login_box 区 域 的 下 方 。 

通过 将 <div> 设 置 成 浮动 (float) 元 素 ， 可 以 实现 水 平 并 列 。 一 个 HTML 元 素 如 末 被 
设置 成 float 模式 , 那 它 本 喘 就 不 再 拥有 显示 空间 , 而 上 只 能 占用 其 他 元 素 的 无 内 容 显示 空间 ， 
这 样 束 实现 了 和 其 他 元 素 并 排 显 示 的 效果 。 例 如 设置 float 属性 值 为 left( 或 right)， 那 元 素 
束 会 占用 其 他 元 素 的 左 〈( 或 右 〉 侧 无 内 容 显 示 空 间 。 在 能 够 占用 的 显示 空间 依 小 时 ， 如 果 
浮动 元 素 本 映 大 小 不 固定 ， 则 浮动 元 素 就 会 相应 变 罕 ;如 来 规定 了 浮动 元 队 大 小 ， 或 者 变 
成 最 罕 的 样子 显示 空间 仍然 仿 小 ， 则 浮动 元 素 会 试图 移 到 下 一 行 去 占用 显示 空间 ; 这 个 过 
程 持续 到 茶 一 行 拥 有 足够 无 内 容 显 示 空 间 为 止 。 

输入 区 和 按钮 区 应 用 的 CSS 样式 代码 如 下 : 

#1login box 1{ 

margin: 90px auto auto 70px; /* 外 边 中 */ 


float: left; /* 靠 左 浮动 */ 
} 
#1login btn { 

margin-top: 130px; /* 外 边 跟 上 */ 

float: left; /* 靠 左 浮动 */ 
} 


上 述 代 码 中 login_box 和 login_btn 样式 都 被 设置 了 Hoatleft, 所 以 这 两 个 <div> 会 依次 
漂浮 在 左 侧 。 

4) 输入 区 内 容 

输入 区 中 的 内 容 分 为 4 行 : 标题 行 、 用 户 名 录入 文本 框 、 密 码 录入 文本 框 和 提示 信息 
标签 ， 这 里 用 列表 实现 布局 控制 ， 上 其 体 页 和 面 代码 为 


ul class "Iogin 1L1s"> 
<1i class="login title">KPI&nbsp; Enbsp; &nbsp; &nbsp; 食 &nbsp; &nbsp; &nbsp; 
gnbsp; 询 gnbsp; &nbsp; &nbsp; &nbsp; 系 &nbsp; &nbsp; &nbsp; &nbsp; 统 </1i> 
<li><span Class="1ogin label"> 姓 名 : </span> 
<asp:TextBox ID="tbUserName" CssClass="l0gin username" runat="server" 
MaxLength="15"></asp:TextBox></11> 
<1i><span class="login label"> 窗 个: </span> 
<asp:TextBox ID="tbPassword™ CssClass="]l0ogin password" runat="server" 
MaxLength="15" TextMode="Password"></asp:TextBox></11> 
<1li><asp:Label ID="1bShow" runat="server™" Text="Label" 
CssClass="promptText"></asp:Label></]11> 
</ul> 
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对 整个 列表 样式 进行 控制 的 CSS 样式 代 人 码 如 下 : 


-login 1ist { 


list-style-type: none; /* 去 挥 列表 前 面 的 列表 符号 (默认 为 小 黑 点 ) */ 
line-height:37px; /* 每 个 列表 项 占据 高 度 为 37 个 像素 */ 


} 


上 述 样 式 的 选择 器 以 “″. ?开头 , 称 为 类 选择 器 。 类 选择 器 的 应 用 非常 灵活 , 任何 HTML 
元 素 通 过 设置 class 属性 就 可 以 应 用 样式 。 例 如 上 述 页 和 面 代码 中 的 <u 户 通过 class 属性 应 用 
了 login list 样式 ,“ 姓 名 ”“ 和 密码 ”文本 外 的 <span> 标 记 应 用 了 login label 样式 。 可 见 ， 当 
需要 为 不 特定 的 一 个 或 多 个 元 素 提供 茶 个 样式 时 ， 使 用 类 选择 堪 是 最 合适 的 。 

对 于 ASPNET 控件 ， 使 用 医 选 择 喜 样式 一 般 通 过 ASPNET 控件 的 CssClass 属性 来 指 
定 ， 该 属性 和 HTML 元 素 的 class 属性 相对 应 。 对 于 HIML 文本 ， 由 于 没有 class 属性 ， 
所 以 需要 使 用 <span> 标 记 ， 例 如 上 述 页 面 代 码 中 的 “姓名 ”“ 密 码 ” 文 本 外 的 <span> 标 记 。 

<span> 和 <div> 标 记 是 为 了 应 用 CSS 样式 而 专门 引入 的 ， 它 们 的 共同 点 是 本 身 没有 任 
何 样 式 ， 其 作用 就 是 用 来 包含 其 他 元 素 ; 它们 的 不 同 点 是 <span> 是 行内 元 素 ，<div> 是 块 元 
素 。 例 如 ， 上 述 页 面 代码 中 输入 框 和 相应 提示 文字 间 不 需要 换行 ， 所 以 使 用 <span> 标 记 。 

下 和 面 是 上 述 页 面 代码 中 用 到 的 其 他 样式 定义 : 


slogin ttle 1 


font-family: 微软 雅 黑 ; /* 字 体 */ 
font-size: 20px; /* 字 体 大 小 ， 单 位 为 像素 */ 
color: #0000FF; /* 文 本 颜色 */ 
} 
.login label 
color: Black; /* 文 本 颜色 */ 
width: 60px; /*# 宽 度 */ 
} 


.login username { 
background: url('../Images/login name.gif') no-repeat; /* 痛 隶 图 厂 */ 
border-width: Opx; /* 输 入 框 边框 为 0， 从 而 完全 用 背景 图 片 代 奉 输 入 框 的 外 观 *V7 
padding-left: 25px; ”/* 背 景 图 片 的 前 面 有 一 个 小 图 标 , 让 输入 文本 在 这 个 图 标 后 开始 */ 
width: 1l165px; 
height: 21px; 
} 
-login password 
padding—left: 25px; 
border-width: Opx; 
background: url('../Images/login password.gif') no-repeat; 
width: 1l165px; 
height: 21px; 
} 
.promptText { color: Red; /* 提 示 文 字 颜 色 为 红色 */ ] 


Web 程序 设计 一 一 ASP.NET 项 目 实 训 
5) 按钮 区 内 容 
按钮 区 只 包含 一 个 图 片 按 钮 ， 使 用 ASPNET 的 ImageButton 来 实现 ， 页 面 代码 如 下 : 


<asp:ImageButton ID="btLogin™" runat="server" ImageUrl="~/Images/login 
botton .gif™ /> 


8.3 ”实现 母 版 页 布局 


1. 母 版 页 文件 

KPIs 系统 中 使 用 Site master 母 版 页 为 整个 网 站 提供 整体 布局 , 注意 在 网 站 项 目 中 使 用 
母 版 页 需要 在 新 建 页 面 时 选择 “包含 母 碑 页 的 Web 窗 体 ”， 如 图 8-10 所 示 。 

母 版 页 的 DIV 布局 如 图 8-11 所 示 。 


| Ws J 和 ee 4 可 让 
中 下 = 本 下 有 A 三 


+ BE 7 EE 
Wb 井 Web 窗 体 Visual C# 
MVG 
Web 窗 体 a 
名 种 (MM): WebForml.asp 
图 8-10 ”新 建 使 用 母 版 页 的 Web 页 面 图 8-11 和 母 版 页 DIV 布局 示意 图 


除了 登录 页 面 样式 使 用 Login.css 文件 外 ， 其 他 所 有 页 和 面 样式 都 使 用 Site.css 文件 ， 为 
此 ， 在 Styles 文件 夹 下 新 建 Site.css 文件 〈 如 果 已 经 存在 ， 则 清空 其 中 的 所 有 内 容 )， 并 为 
Site master 母 版 页 添加 对 该 文件 的 样式 引用 。 

2. 母 版 足 布 局 

1) 全 局 样式 

Site.css 中 作用 于 全 局 的 样式 定义 代码 如 下 : 


body I 
margin: Opx; 
padding: Opx; 
background: urll(../Images/main bg.Jpg) repeat-—x; 
font=—size: 12px; 
font-family: 宋体 ; 
} 


a { text—decoration: none; } 

上 述 代 公设 置 <body> 元 素 的 到 景 为 main bgjpg 图 片 ， 水 平平 铺 ， 应 用 的 样式 技巧 和 
登录 页 面相 同 ， 只 是 图 片 高 度 仅 为 139px。 为 外 ， 还 设置 超 链 接 <a> 元 素 人 不 显示 献 认 的 故 划 线 。 

2) 头 部 布局 

如 图 8-11 所 示 的 机 eader 区 域 包 合 了 来 单 和 用 户 信息 ， 相 应 的 页 面 代码 为 


<div 1d="header"y> 
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<d1V 1d="l0ogo"></d1lv> 

<dliv 1Ldq="maln menu"> 
<asp:HyperLink ID="hlDeptManage™" NavigateUrl="~/Admin/DeptManage.aspx" 
runat="server"> 部 门 管 理 </asp:HyperLink> 


</d1iv> 

<div id—"user 1nfo"> 
您 好 ，<asp:Label ID="lbUserName" runat="server™ Text="]lbUserName" 
CssClass="prompt"></asp:Label> 
[<asp:LinkButton ID="btLogout™ runat="server" 
CausesValidation="False" OnClick="btLogout Click"> 退 出 </asp:LinkButton>] 
[<asp:HyperLink ID="hlchandePwd" NavigateUrl="~/ChangePwd.aspx" 
runat="server"> 修 改 密码 </asp:HyperLink>] 

</d1iv> 

</div> 


上 述 代码 中 #nain menu 的 <div> 元 素 内 是 链接 到 各 模块 的 超 链接 菜单 ， 使 用 ASPNET 
的 HyperLink 控件 ， 在 服务 背 通 过 后 人 台 代 码 根据 用 户 权 限 决 定 具 体 显 示 的 超 链 接 。 

#user info 的 <div> 元 素 内 是 显示 当前 用 户 名 的 Label 控件 (ID=lbUserName)、 注 销 用 
户 的 退出 LinkButton 控件 (ID=btLogout) 和 修改 密码 的 HyperLink 控件 (ID=hlChangePwd )。 

相应 控制 头 部 布局 的 CSS 样式 代码 如 下 : 


#header { 
margin: 0 auto; /<* 水 平 居 中 */ 
height: 60px:; /* 强 制 占用 60px 的 高 度 */ 
width: 980px; /<* 定 宽 */ 

} 

#1logo { height: 30px;} /* 强 制 占用 30px 的 高 度 */ 

#main menu 1{ 
height: 30px; /<* 强 制 占用 30px 的 高 度 */ 
line-height: 30px; /* 文 本 行 蜗 30px， 可 以 使 文本 垂 自 居中 */ 
Flioats lefts /* 菲 左 浮 动 */ 
border-left: lpx solid #d2flfc; ”/* 左 边框 ， 淡 蓝 色 */ 

} 

#user info { 
float: rights /* 菲 右 浮动 */ 
height: 30px; /* 强 制 占 用 30px 的 高 度 */ 
11ne-heldght: 30px; /# 文 本 行 饲 30px， 可 以 使 文本 垂下 居中 *V/ 
padding-right: 15px; /* 与 右边 界 之 间 的 间隔 */ 
border-right: lpx soliqd #qd2flfc;  /* 右 边框 ， 淡 蓝 色 */ 

} 


控制 头 部 亲 单 超 链接 的 CSS 样式 代码 为 


#header a, #header a:visitedqd { 
color: #3090d3; 
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mardin-leftt: 15px; /* 用 左 外 边 距 实现 超 链接 之 间 的 间隔 */ 
} 
#user info a, #user info a:visited { margin-left: Opx; } 


/* 共 新 外 层 样 式 的 左 外 边 距 */ 


上 述 代码 中 者 eader a 这 种 形式 的 选择 器 由 多 个 选择 器 排列 (空格 分 隔 ) 构成 ， 称 为 包 
合 选 择 器 ， 表 示 在 前 一 个 选择 需 内 部 选择 后 一 个 选择 器 指 定 的 元 率 。 例 如 上 述 选择 需 选 择 
了 JID 为 header 的 元 素 内 部 的 所 有 超 链 接 。 当 需要 给 某 个 元 素 内 的 某 类 标记 设置 统一 样式 
时 ， 使 用 包含 选择 器 比较 方便 。 

a:visited 则 是 一 个 特定 选择 器 ， 只 对 超 链 接 有 效 ， 表 示 被 用 户 访 问 〈 即 单 击 ) 过 的 超 
链接 ， 默 认 用 男 一 种 颜色 表示 访问 过 的 超 链 接 ， 但 上 述 代码 将 其 设置 成 了 和 未 访问 超 链接 
完全 相同 的 样式 。 

#user info 的 <div> 元 素 是 散人 套 在 #beader 的 <div> 元 素 中 的 ， 所 以 其 内 部 的 超 链接 也 受 
到 #header a 选择 器 的 影响 ,市 有 左 外 边 距 设置 ， 为 此 ， 上 述 代 码 中 又 通过 #haser_info a 样式 
取消 了 这 个 左 外 边 距 设置 。 

3) 主体 布局 

主体 部 分 的 页 面 代码 如 下 ; 


<div id="main container"> 
<div lid="nav maln"> 
<div class="nav title"> 部 门 清单 </div> 
<div class="nav content"> 
<asp:TreeView ID="treeDept" runat="server"> 
</asp:TreeView> 
</d1lv> 
</d1iv> 
<div lid="main content"™"> 
<d1iv clases=—"content title”"> 
<asp:Label ID="lbContentTitle™" runat="server™" Text="ContentTitle™"> 
</asp:Label> 
</d1iv> 
<div class="content main™"> 
<asp:ContentPlaceHolder ID="cphMain™. runat="server"> 
</asp:CcontentPlaceHolder> 
</d1lv> 
</div> 
<div class="float clear™"™></div> 


</d1liv> 


上 述 代码 中 ， 部 门 树 采 用 ASPNET 的 TreeView 控件 ， 其 内 容 由 后 台 代 码 填充 ， 在 
#main content 的 <div> 元 素 内 部 使 用 Label 控件 (ID=IbContentTitle) 显示 主体 内 容 标题 。 
为 浮动 元 素 不 占用 空间 ， 而 加 av mam 和 #main content 的 <div> 元 素 都 应 用 了 float 
样式 ， 所 以 整个 #main_container 的 <div> 元 素 的 高 度 将 被 认为 是 0px。 为 此 在 最 后 添加 了 一 
个 衬 的 <div> 元 素 ， 通 过 为 其 应 用 float clear 样式 类 ， 停 止 谣 面 元 素 的 浮动 样式 ， 从 而 使 


相应 的 CSS 代码 如 下 : 


#main container 1{ 
width : 980px; 
margin: 0 auto; 

} 

#nav main { 
width: 人 
float: left; 
height: auto; 

} 

.nav title 1 
width: 240pXx; 
height: 29px; 
text—-indent: 30px; 
line-height: 29px; 
font—-weight: bold; 
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#main container 的 <div> 元 际 能 够 拥有 正确 的 高 度 。 


/* 定 宽 */ 
/# 水 平 居中 *V/ 


/# 定 宽 ， 左 侧 导 航 区 占 240px*/ 
/+*+ 靠 左 浮 动 */ 
/* 疝 度 根据 内 容 上 自动 确定 *yV 


/* 定 宽 ， 标 题 和 导航 区 同 宽 */ 

/* 定 高 */ 

/* 文 本 缩 格 ， 对 齐 背 景 图 片上 的 小 黑 三 角 *V 
/*# 文 本 行 高 ， 文 字 垂直 居中 *yV 

/*# 文 本 粗 体 */ 


background: urll(../Images/nav title.]Jpg) no-Tepeat:; /<#* 间 曙 图 片 */ 


} 

-ma Content 1 
width: 228px; 
height: auto; 
padding: Spx; 


/* 定 宽 ， 内 容 + 内 边 距 = 导 航 区 宽 */ 
/* 高 度 自动 */ 
/<* 内 边 距 */ 


pborder: lpx solid #d2f1lfc;/* 浅 蓝 色 边框 */ 


} 

#main content f{ 
float: right; 
width: 738px; 
height: auto; 

} 

.Content title f 
text-indent: 25px; 
font—-weight: bold; 
width: 738px; 
height: 31lpx; 
line-height: 31lpx; 


/* 靠 左 主动 */ 
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/* 定 宽 ， 右 侧 内 容 区 占 738px， 和 左 侧 导 航 区 间隔 2px*/ 


/* 和 高 度 自动 */ 


/<* 文 本 缩 格 ， 对 齐 背 景 图 片上 的 蓝 条 装饰 */ 
/* 文 本 粗 体 */ 

/*# 定 宽 */ 

/* 定 前 */ 

/* 文 本 行 霹 ， 文 字 重 和 直 届 中 */ 


= 


background: url(../Images/content title.jpg) no-repeat; /* 青 累 图 片 */ 


} 

-COntent main f 
width: 726px; 
padding: Spx; 


/<* 定 宽 ， 内 容 + 内 边 距 = 内 容 区 宽 */ 
/<* 内 边 距 */ 


pborder: lpx solid #d2f1lfc;/* 浅 蓝 色 边框 */ 


height: auto; 
} 


-float clear { clear: both; /<* 拒 绝 溯 动 元 订 */ ] 


上 述 样 云 中 的 宽度 值 需 要 根据 盒子 模型 仔细 计算 ， 人 否则 可 能 出 现 最 料 之 外 的 布局 效 泉 。 
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4) 页 脚 布局 
页 脚 布局 的 页 面 代码 为 
<divy id="footer"> 企 业 KPI 查询 系统 Copyright 2016</div> 
CSS 样式 代码 为 
#footer I 
width: 980px; 
margin: Spx auto; 
height: 28px; 
line-height: 28px; 
text—-align: center; 
horder—top: 2px S011d #2e91dd; 


一 、 选 择 题 
1. 样式 (  ) 给 所 有 的 <hl> 标 记 添 加 背景 颜色 。 
A) .hl {backeround-color:#FFFFFF!} 
B) hl {fbacksground-color-#EFFFFFF:} 
C) hl.all {background-color:#FFFFFF} 
D) #hl {backeround-color:#F FFFFF 
2. 样式 (  ”) 去 挥 文本 超 链接 的 下 划 线 。 
A) a {text-decoration: no underline} 
B) a {underline: none} 
C) a {decoration: no underline} 
D) a {text-decoration: none} 
3. CSS 中 ， 盒 子 模型 的 属性 不 包括 ( js 
A) font 
B) margin 
C) padding 
D) border 
4. a:hover 表示 超 链 接 文 学 在 ( ”) 时 的 状态 。 
A) 鼠标 按 下 
B) 鼠标 经 过 
C) 鼠标 放 上 去 
D) 访问 过 后 
5. CSS 样式 有 哪儿 种 ， 请 选择 下 列 正 确 的 一 项 ( ” ”)。 
A) 内 联 式 、 骨 入 式 、 外 部 引用 式 、 导 入 式 
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B) 内 联 式 、 外 部 引用 式 、 导 入 式 、 内 样式 
C) 通 入 式 、 内 联 式 、 导 入 式 、 导 出 陈 
D) 内 样式 、 骨 入 式 、 链 接 式 、 导 出 式 
6. 下面: ) 不 是 CSS 选择 器 。 
A) 类 选择 器 B) ID 选择 器 C) 元 素 选择 瞻 D) 堆栈 选择 需 
7. 下 面 哪个 HIML 标记 定义 内 部 样式 表 ? ( ) 


A) <style> B) <css> C) <script> D) <class> 
8. 下 列 哪个 属性 能 够 设置 盒 模型 的 左 侧 外 边 距 ? ( ) 
A) margin: B) indent: C) margin-left: D) text-indent: 


9. 下 面 关 于 CSS 的 描述 ， 错 误 的 是 ( ” )。 
A) CSS 内 容 可 以 写 在 HIML 文档 中 ， 也 可 以 写 在 一 个 独立 的 CSS 文件 中 
B) CSS 内 容 前 后 有 人 花 括 弧 征 ， 每 个 属性 间 用 分 号 分 隔 ， 属 性 与 属性 值 乙 间 用 冒号 
隔 开 
C) CSS 层 过 样式 表 是 为 了 解决 网 页 显示 内 容 而 设计 的 
D) 对 于 未 ID 属性 对 应 的 标记 进行 CSS 定义 时 ， 如 来 对 同一 个 CSS 属性 进行 两 
次 设置 ， 将 以 第 一 次 定义 为 准 ， 系 统 将 目 动 忽略 其 后 相同 定义 
二 、 填 空 题 
1. CSS 中 一 个 样式 的 定义 由 两 个 主要 部 分 构成 : ， 以 及 一 条 或 多 条 


2. 块 元 素 ， 默 认 情 况 会 显示 。 
3， 当 需要 为 不 特定 的 一 个 或 多 个 元 素 提供 某 个 样式 时 ， 使 用 选择 器 是 最 合 


4. 一 个 HIML 元 素 如 条 被 设置 成 float 的 模式 ， 那 它 就 
这 样 束 实现 了 和 其 他 元 素 并 排 的 效果 。 

5. 当 CSS 样式 表 是 一 个 独立 文件 时 候 ，, 须 将 琴 者 关联 起 来 才 可 以 让 样式 表 发 挥 作用 ， 
引用 外 部 CSS 样式 的 指令 是 

三 、 是 非 题 

( ) 1. 可 以 通过 多 种 途径 来 曲 HTML 提供 样式 表 ， 会 合并 成 一 个 最 终 的 (虚拟 ) 
复合 样式 表 ， 这 就 是 层 登 的 含义 。 

( ) 2. 定义 盒 模型 外 边 距 的 时 候 ， 不 可 以 使 用 负 值 。 

( ) 3. 界面 设计 不 但 要 给 出 各 界面 的 样式 ， 而 且 还 应 该 给 出 有 哪些 界面 、 命 名 规 
学 、 界 面 功能 分 工 。 

( ””)4. ASPNET 控件 通过 CssClass 来 指定 样式 类 , 对 应 HTML 元 么 的 class 属性 。 

四 、 实 践 题 

1. 请 根据 下 面 的 HTML 代码 ， 结 合 所 给 的 CSS 样式 实现 ， 在 留 空 的 注释 处 添加 正确 
的 注释 ， 说 明 该 样式 的 作用 或 应 用 样式 的 效果 。 

HTML 代码 


<body> 
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<div class="hf"> <!——/*(]) ns 
<div class="Con"> 
<Uul> 
<]1i><1img src="image/2.Jpg™" /></11i> <!-——/*(2) */ 一 一 > 
<11><1img src="image/3-.Jp9g™ /></11> 
<11i><1img src="image/4.Jpg" /></11> 
</ul> 
</div> 
</d1iv> 
</body> 


CSS 样式 


| 二】 */ 
margin:0px; 
padding:0px; 

} 

body 1{ 
background-color:#000; 
background-image:url (image/1 .Jpg); 


background-repeat:no-repeat; 


background-position:top center; /*(4) */ 
} 
-hf f{ 
width:900px; 
height:140px; 
background:rgba(255,255,255,0.5); /* (95) */ 
margin:200px auto Opx;; /* (6) */ 
position:relative; 
} 
.hf .Con ul 11 1{ 
width:175px; 
height:110px; 
border:2px solid blue; /*(7) */ 
list-style-type:none; /*(8) */ 
float:1left; /*(9) */ 
padding-top:l0px;  /*(10) .ff 
} 


2. 为 《门店 销售 指标 跟 中 系统 》 设 计 页 面 布 局 ， 并 列 出 页 面 清 单 ， 然 后 创建 相应 的 
ASPNET Web 应 用 程序 。 要 求 基 于 CSS 实现 应 用 程序 的 登录 页面 布局 和 母 版 页 布局 。 


煞 据 库 设 计 


学 习 目 标 


了 解数 据 库 设计 的 步 又， 了 解数 据 库 需求 分 析 需 要 考虑 的 几 个 问题 ; 

巩 练 掌握 实体 类 图 的 绘制 ， 深 刻 理 类 图 中 的 关联 关系 及 其 应 用 ; 

丁 解数 据 流 图 ， 了 解数 据 衬 典 ; 

巩 练 向 握 将 概念 模型 转换 成 天 系 模型 的 方法 , 深刻 理解 实体 关联 关系 在 关系 模型 中 
的 表示 方法 ; 

了 解 天 系 模 型 合理 性 的 合 义 ; 

本 解 关系 便 式 的 定义 ， 耳 解 关系 代数 表达 式 ; 


了 解 INF、2NF、3NF、BCNF 范式 ， 了 解 各 类 范式 之 间 的 关系 ; 

掌握 模式 分 解 的 思路 和 方法 ; 

了 解数 据 库 的 三 级 模式 结构 ， 理 解数 据 独 立 性 ; 

了 解数 据 库 数据 存储 结构 ， 理 解数 据 库 索 引 的 作用 ， 了 解 索 引 的 创建 原则 ; 

掌握 数据 库 内 模式 设计 的 方法 ， 了 解 相应 的 SQL 语句 ; 

理解 视图 的 定义 和 作用 ， 了 解 管理 视图 的 SQL 语句 ， 掌 握 查 询 视图 的 方法 ， 了 解 


视图 更 新 。 


数据 库 设计 是 DBA 的 任务 之 一 ， 完 整 的 数据 库 设计 步骤 为 ， 需求 分 析 ， 概 念 模型 设 
计 ， 迪 辑 模型 设计 ， 物 理 结构 设计 ， 数 据 库 实施 ， 以 及 数据 库 运行 与 维护 。 可 见 数据 库 设 
计 不 仅 包括 前 期 的 设计 阶段 ， 还 包括 后 期 的 实施 、 维 护 、 调 整 和 优化 。 


系统 的 需求 分 析 也 是 数据 库 的 需求 分 析 基 础 ， 一 般 来 说 ， 


9.1 ”概念 模 型 设计 


数据 库 需 求 分 析 珊 要 明确 以 


下 儿 个 问题 。 


实体 ， 哪些 数 据 需要 由 数据 库 负责 管理 ? 
处 理 ， 对 这 些 数据 需要 进行 哪些 处 理 ? 

安全 性 :对 数据 的 安全 保密 有 些 什么 样 的 要 求 ? 
完整 性 ， 数据 有 什么 样 的 约束 条 件 ? 


在 需求 分 析 阶段 ， 通 过 需求 调研 和 分 析 来 试图 得 到 这 些 问题 的 答案 ， 然 后 通过 概念 模 
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型 来 回答 这 些 问 题 ， 这 就 是 概念 模 型 设计 。 

1. 实 体 类 图 

KPIs 粗略 的 实体 类 图 如 图 7-3 所 示 ， 下 面 根据 需求 调研 进行 细 化 ， 得 到 如 图 9-1 所 示 
的 实体 类 图 。 


人 员 Staff 


十 [也 

+ 姓名 Name 

+ 用 户 名 UserName 
+ 密码 PasswWord 
+ 职务 JobTitle 

+ 是 管理 员 IsAdmin 
+ 是 领导 [IsLeader 


部 门 Dept 


指标 数据 IdxData 


+ID 
+ 描 + 采集 日 期 CDate 
和 和 requency 人 
a elght 再 IDa 
| 数据 类 天 ValueType 采信 时 间 IDate 
+ 目标 值 StdValue 


图 9-1 KPIs 实体 类 图 


实体 类 图 的 好 处 是 可 以 清晰 地 表达 实体 和 实体 之 间 的 关系 ， 但 数据 和 数据 处 理 的 细节 
就 很 不 明确 了 ， 因 此 需要 用 其 他 的 工具 来 进一步 说 明 。 

2. 数据 流 图 

数据 流 图 也 称 为 数据 流程 图 (Date Flow Diagram,，DFD), 可 以 精确 地 在 逻辑 上 描述 系 
统 的 功能 、 输 入 、 输 出 和 数据 存储 。DFD 有 四 种 基本 图 形 符号 ， 如 表 9-1 所 示 。 


表 9-1 数据 流 图 的 符号 


符号 表示 说 明 
>» 数据 济 表示 数据 的 流向 ， 除 了 流向 数据 存储 或 从 数据 存储 流出 的 数据 不 必 命 名 
外 ， 每 个 数据 流 必须 要 有 一 个 合适 的 名 字 ， 以 反映 该 数据 流 的 含义 

C ) 描述 了 输入 数据 流 到 输出 数据 之 间 的 变换 ， 也 就 是 输入 数据 流 经 过 什么 

加 工 处 理 后 变 成 了 输出 数据 。 每 个 加 工 都 有 一 个 名 字 和 编号 ， 编 号 采用 多 级 ， 
反映 该 加 工 是 由 哪个 加 工分 解 出 来 的 子 加 工 。 例 如 2.1 为 加 工 2 的 子 加 工 

一 一 一 数据 存储 又 称 为 文件 ， 指 暂时 保存 的 数据 ， 每 个 数据 存储 都 有 一 个 名 字 

| _|， 存在 于 软件 系统 之 外 的 人 员 或 组 织 ， 指 出 数据 所 需要 的 发 源 地 或 系统 所 
产生 的 数据 的 归属 地 


标准 的 DFD 是 分 层 的 ， 图 9-2 给 出 了 KPIs 顶层 DFD。 

从 顶层 DFD 可 以 看 到 有 哪些 系统 参与 者 ， 以 及 总 体 的 数据 流 问 。 接 下 来 对 项 层 DFD 
进行 细 化 ， 得 到 图 9-3 对 应 的 0 层 DFD。 

0 层 DFD 还 不 够 详细 ， 可 以 进一步 细 化 出 1 层 DFD… 
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KPI 指标 体系 
i 


本 部 门 KPI 指标 
日 志 


kn 分 析 图 表 


图 9-2 KPIs 顶层 数据 流 图 


负责 KPI 指标 请 单 


数据 收集 者 


KPI 指标 数据 


负 轴 KPI 指标 请 单一 = 


PIT 指标 体系 


/ KPI 指标 
KPI 指标 数据 体系 冒 理 


KPI 指标 体系 ] 
档案 


数据 来 集 
2 


本 部 门 KPI 指 标清 单 


指标 数据 档案 pI 分 析 图 到 了 


图 9-3 KPIs 0 层 数据 流 图 
3.。 数据 宇明 
广义 来 说 ,任何 定义 数据 的 数据 都 可 以 认为 是 数据 字典 (Data Dictionary，DD )， 狭 义 
ME 数据 结构 、 数 据 流 、 数 据 存 储 和 处 理 过 程 五 个 部 分 ， 具 体 如 
表 9-2 所 示 。 
表 9-2 数据 字典 的 五 个 部 分 


术语 含义 描述 方法 
数据 项 数据 流 图 中 最 小 的 数据 ”数据 项 描述 = {数据 项 名 ， 数据 项 含义 说 明 ， 别名 ,数据 类 型 ， 
单位 长 度 ， 取 值 范围 ， 取 值 含义 ， 与 其 他 数据 项 的 逻辑 关系 } 
取 值 范围 .与 其 他 数据 项 的 逻辑 关系 定义 了 数据 的 完整 性 约束 
条 件 


数据 结构 “数据 之 间 的 组 合 关系 , 可 “数据 结构 描述 = {数据 结构 名 ， 含 义 说 明 ， 组 成 : {数据 项 或 
ER 数据 结构 }} 
混合 构成 
数据 流 数据 流 图 中 流 线 的 说 明 ”数据 流 描 述 = { 数 据 流 名 ， 说 明 ， 数 据 流 来 源 ， 数 据 流 去 回 ， 
组 成 : {数据 结构 }， 平 均 流量 ， 高 峰 期 流量 } 
数据 存储 ”数据 流 图 中 数据 存储 的 “数据 存储 描述 = {数据 存储 名 ， 说 明 ， 编 号 ， 流 入 的 数据 流 ， 
存储 特性 说 明 流出 的 数据 流 ， 组 成 : {数据 结构 }， 数 据 量 ， 存 取 方 式 } 
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术语 含义 摘 述 方法 
处 理 过 程 ”数据 流 图 中 功能 块 的 ”处 理 过 程 描述 = {处 理 过 程 名 , 说 明 ， 输 入: {数据 流 }， 输 出 : 
说 明 {数据 流 }， 处 理 : {人 简要 说 明 }} 


“简要 说 明 ” 只 涉及 处 理 过 程 用 来 做 什么 ， 不 考虑 怎么 做 


KPIs 中 省 略 了 这 项 工作 ， 把 数据 字典 的 大 部 分 内 容 结合 到 了 数据 库 设 计 的 其 他 步 
又 中 。 


9.2 ”逻辑 模型 议 计 


完成 了 概念 模型 设计 后 ， 需 要 将 概念 模型 转换 成 逻辑 模型 ， 他 和 辑 模 型 和 采用 的 数据 库 
系统 有 关 ， 例 如 采用 关系 数据 库 的 好 辑 模 型 开 是 关系 模型 。 

1，KPIs 逻辑 模型 

1 ) 关系 模型 

下 面 给 出 的 KPIs 关系 模型 采用 表格 摘 述 方式 ， 没 有 采用 标准 的 数据 字典 格式 。 

部 门 用 于 构建 KPI 指标 体系 ， 所 有 的 KPI 指标 都 属于 某 个 部 门 ， 同 时 所 有 的 人 员 也 属 
于 某 个 部 门 。 部 门 之 间 存 在 层级 关系 ， 除 了 顶级 部 门 以 外 ， 所 有 部 门 都 是 某 个 部 门 的 下 级 
部 门 ， 如 表 9-3 所 示 。 


表 9-3 部 | 门 Department 


字段 名 类 型 属性 说 明 

ID Int32 PK，IDENTITY 部门 了 D 

Code Char (2) NOT NULL 部 门 编码 ， 固 定 长 度 为 2， 数字 构成 

Path String(50) NOT NULL 部 门 编码 构成 的 路 径 ， 部 门路 径 = 上 级 部 门路 径 + “7 
+ 本 级 编码 ， 顶 级 部 门 的 路 径 就 是 部 门 编码 

Name String(50) NOT NULL 部 门 名 称 

Description String(1000) NULL 部 门 的 详细 描述 

Level Int32 NOT NULL 部 门 层级 ， 顶 级 部 门 为 0， 部 门 层 级 = 上 级 部 门 层 级 
+1] 

Parent ID Int32 NULL, FK 于 级 部 门 的 态 ， 参 照 Department.ID 


KPI 指标 是 KPI 指标 体系 的 组 成 部 分 ，KPI 指标 必 属 于 某 个 部 门 ， 如 表 9-4 所 示 。 


表 9-4 KPI 指标 Kpildx 


字段 名 类 型 属性 说 明 
ID Int32 PK, 指标 人 DD 
IDENTITY 
Code String(50) NOT NULL 指标 编码 
Name String(50) NOT NULL 指标 名 称 
Description string (1000) NULL 指标 的 详细 描述 
Frequency String(20) NULL 采集 频率 的 描述 ， 如 每 天 、 隔 天、 每 周 … 
Weight Int32 NOT NULL 在 部 门 所 有 KPI 指标 中 所 占 的 权重 ， 权 重 取 值 


为 0 一 100 之 间 的 整数 , 同一 个 部 门 的 所 有 指标 
的 权重 和 应 该 为 100 
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字段 名 类 型 属性 说 明 

ValueType Char(]) NOTNULL KPI 指标 的 数据 类 型 , 有 两 种 : 0 一 一 普通 数值 ， 
1 一 一 百分比 。 在 记录 指标 的 具体 数据 时 ， 如 果 
古 和 白 分 比 ， 则 记录 和 白 分 比值 ， 例 如 20% 的 记录 
值 是 20 

StandValue Number NULL 基准 值 ， 或 者 目标 值 

Department ID Int32 NOT NULL,FK 有 所 届 的 部 门 DD, 参照 Department.ID, 拒绝 删除 

Collector ID Int32 NULL, FK 指标 采集 人 ID， 参 照 StaffID， 删 除 置 空 。 只 


有 该 指标 的 采集 人 才 可 以 录入 该 指标 的 数据 


员 也 是 KPI 指标 体系 的 构成 内 容 ， 人 员 属 于 东 个 部 门 ， 从 而 拥有 霖 个 部 门 的 天 PI 指 
标 ， 或 者 负责 条 个 玉 PI 指标 的 录入 工作 ， 如 表 9-5 所 示 。 


表 9-5 人 员 Staff 


字段 名 类 型 属性 说 明 

ID Int32 PK, IDENTITY ”人员 JPD 

Name String (50) NOT NULL 人 员 名 称 

UserName String (50) NOT NULL 登录 用 户 名 ， 不 允许 两 个 人 员 的 用 户 名 重复 

Password String($0) NOT NULL 登录 密码 ， 应 该 采用 加 密 方 式 存储 

JobTitle String(20) NULL 人 员 的 任职 职务 

IsAdmin Bool NOT NULL 人 员 是 否 是 管理 员 

IsLeader Bool NOTNULL 人 员 是 否 是 部 门 领 导 ， 只 有 部 门 领导 才 可 以 使 
用 “数据 分 析 ” 的 处 理 功能 

Department ID Int32 NOTNULL, FK ”所属 的 部 门卫 ， 参 照 DepartmentID， 拒 绝 删除 


KPI 指标 的 采集 数据 ， 为 了 剑 证 数据 质量 ， 指 标 数据 需要 记录 该 数据 的 录入 时 间 和 录 
入 人 员 ， 如 表 9-6 所 未。 


表 9-6 指标 数据 IdxData 


字段 名 类 型 属性 说 明 

ID TInt64 PK, IDENTITY 数据 ID 

CDate Date NOT NULL 采集 日 期 ， 根 据 指标 的 采集 频率 确定 的 ， 理 论 上 
应 该 采集 数据 的 日 期 

Value Number NOT NULL 指标 数值 ， 参 见 Kpildx.ValueType 的 说 明 

IDate DateTime NOT NULL 数据 实际 采集 时 间 。 该 时 间 在 采集 人 员 录 入 时 日 


动 确 定 ， 等 于 录入 时 的 系统 时 间 。 通 过 和 CDate 
比较 ， 可 以 判断 采集 人 员 是 否 按时 录入 了 数据 


Idx ID Int32 NOT NULL, FK 对 应 KPI 指标 ID， 参 照 KpildxID。 拒 绝 删 除 
Collector ID Int32 NOT NULL, FEK 数据 采集 人 ID， 参 照 Sta 任 ID。 删 除 置 空 


Log 用 于 记录 数据 采集 人 对 数据 的 操作 ， 避 免 出 现 数据 采集 人 随意 调整 数据 的 现象 ， 
如 表 9-7 所 示 。 


表 9-7 日 记 Log 


字段 名 类 型 属性 说 明 
ID Int64 PK，IDENTITY “日 志 JID 


ActTime DateTime NOT NULL 操作 时 间 


Web 程序 设计 一 一 ASP.NET 项 目 实 训 


续 表 

字段 名 类 型 属性 说 明 

Action String(10) ”NOTNULL 操作 类 型 ， 有 三 个 取 值 : 新 增 、 人 修改、 删除 

Description String(100) NOT NULL 操作 详情 。 文 字 方 式 的 描述 ， 例 如 ， 删 除数 据 ， 采 集 
时 : XXX, 值 : XXX 

Collector ID Int32 NULL, FK 操作 人 DD。 参 照 StaffID。 删 除 置 空 

Data_ID Int64 NULL, 操作 数据 ID。 参 照 IdtxDataID。 删 除 置 空 


2) 模型 合理 性 
上 述 KPIs 关系 模型 旦 否 合理 ? 以 简化 的 KPI 指标 表 为 例 ， 表 9-8 给 出 了 具体 的 KPI 
指标 表 数 据 ， 一 共有 6 条 记录 。 
表 9-8 简化 的 KPI 指标 表 数 据 
Name Description Department ID 


及 时 交 货 率 ” 给 客户 及 时 交 货 的 比率 = 及 时 交付 数量 /订单 总 数量 1 
库存 周转 率 ”库存 周转 率 = 年 度 销 售 产品 成 本 /当年 平均 库存 价值 
及 时 交 货 率 ”给 客户 及 时 交 货 的 比率 = 及 时 交付 数量 /订单 总 数量 2 
及 时 交 货 率 ”给 客户 及 时 交 货 的 比率 = 及 时 交付 数量 /订单 总 数量 3 
库存 周转 率 ”库存 周转 率 = 年 度 销 售 产品 成 本 /当年 平均 库存 价值 3 
月 产值 在 一 个 月 内 生产 的 最 终 产 品 的 总 价值 量 3 


直观 地 分 析 表 9-8， 可 以 看 到 存在 着 如 下 几 个 问题 。 

(1) 元 余 和 更 新 复杂 化 。 对 于 指标 描述 Description 字段 ， 每 个 使 用 指标 的 部 门 都 会 保 
存 ， 如 果 有 10 个 部 门 使 用 了 同一 个 指标 ， 那 该 指标 描述 就 要 保存 10 次 。 修 改 这 个 指标 描 
述 也 需要 同步 修改 10 处 , 更 新 成 本 增加 。 如 果 不 小 心 漏 修改 了 其 中 某 处 , 就 会 出 现 数据 的 
不 一 致 性 。 

(2) 插入 异常 。 假 设 新 增 一 项 KPI 指标 ， 但 用 于 哪个 部 门 暂时 还 没有 确定 ， 由 于 
Department_ID 字段 不 能 为 空 ， 就 没 法 增加 这 个 KPI 指标 。 这 个 问题 在 图 书 管理 系统 中 更 
加 突出 ， 如 果 设 计 了 读者 表 〈 姓 名 、 部 门 、 联 系 地址 、 书 名 、 借 阅 日 期 )， 书 名 字段 不 允许 
为 室 ， 那 么 读者 尚未 借 书 就 无 法 保存 读者 记录 ， 这 就 极 不 合理 了 。 


项 KPI 指标 ， 那 么 一 旦 删除 这 条 记录 束 彻 辰 失去 了 该 玉 PI 指标 的 所 有 信息 。 同 样 的 道理 ， 
如 果 是 上 述 的 图 书 管理 系统 ， 一 旦 读者 把 书 部 归还 了 ， 读 者 信息 也 会 被 清空 。 

可 见 ， 如 果 关 系 模 型 设计 不 合理 ， 就 会 给 数据 库 的 维护 市 来 各 种 整 哨 。 如 何 设计 一 个 
合理 的 关系 模型 ， 需 要 掌握 一 些 形式 化 捅 述 方法 和 汽 式 理论 。 

2. 关系 代数 

1) 基本 概念 

(1) 域 (Domain): 域 是 一 组 具有 相同 数据 类 型 的 值 的 集合 ,通常 用 大 写 和 字母 DD 表示 。 

(2) 篆 卡 儿 积 : 给 定 一 组 域 D1, D;,…，D,， 则 D1xD2x…xD,= {(qdi, dz,，…,， dn) | 
di ED;, 二 1 2;，……，R} 称 为 D，DD，…， 记 的 负 卡 儿 积 。 其 中 每 个 (di 中 ，*……，dh) 
叫做 一 个 n 元 组 ， 元 组 中 的 每 个 di 是 D; 域 中 的 一 个 值 ， 称 为 一 个 分 量 。 

将 第 卡 儿 积 中 的 元 组 列 成 一 张 二 维 表 更 直观 一 些 ， 如 IDXCodeXLevel 表 9-9 所 示 。 
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表 9-9 笛 卡 儿 积 ID XCodeXLevel 


ID Code Level 
-2147483648 00 —214/1483648 
-2147483648 00 —214/1483647 
2147483047 99 2147483647 


(3) 关系 : 香 卡 儿 积 D1xD2x…xDi 的 和子 集 叫 做 在 域 DJ，D;,，…，Dn 上 的 关系 ， 记 为 
R(D1，D;,，…，Dn)。 这 里 尺 表 示 关 系 的 名 字 ，n 是 关系 的 目 、 度 (Degree) 或 元 数 。 

例如 假设 简化 的 Department 关系 中 有 三 个 部 门 : 顶级 部 门 为 (ID=1，Code="00"， 
Level=0)， 其 他 为 两 个 一 级 部 门 为 (ID=2，Code="00"，Level=1) 和 (ID=3.Code="01"， 
Level=1)， 这 样 Department 关系 就 包 售 了 三 个 元 组 ， 如 表 9-10 所 示 。 


表 9-10 Department 关系 


ID Code Level 
| 00 0 
. 00 ] 
3 O01 ] 


(4) 关系 模式 : 关系 的 摘 述 称 为 关系 模式 〈( 了 Relation Schema )， 关 系 模式 是 型 ， 关 系 是 
值 。 关 系 模式 通常 简 记 为 RCA41，A42，…，An)， 其 中 ，R 为 关系 名 ，A1，A2，…，A 为 属 
性 名 。 例 如 Department 关系 模式 可 以 记 为 Department(ID, Code, Name, Description, Level, 
Parent ID)。 

2) 关系 运算 和 表达 式 


(U)、 区 (由)、 差 (一 )、 求 稍 卡 儿 积 (X), 对 应 SQL 语言 中 的 运算 符 为 UNION.、 INTERSET、 
EXCEPT 和 JOIN。 

专用 于 关系 的 运算 符 有 : 选择 〈o)、 投 影 〈[TD)、 连 接 (pa ) 和 除 〈 二 )， 除 了 “ 除 ?” 
运算 没有 SQL 语句 对 应 ， 其 他 运算 对 应 的 SQL 语句 都 是 SELECT。 

用 关系 代数 来 表示 关系 的 操作 会 显得 非常 准确 、 精 人 简 ， 熟 悉 以 后 更 有 利于 对 其 进行 分 
析 ， 这 是 形式 化 的 好 处 。 

例如 ， 将 KPIs 中 的 部 门 Department 关系 简 记 为 R (DeptID，DeptCode，DeptName )， 
KPI 指标 Kpildx 关系 简 记 为 S (IdxID，IdxName，DeptID)。 则 ， 查 询 所 有 部 门 ID=3 的 
KPI 指标 名 称 的 关系 代数 表达 式 就 是 天 =IIuaaano(cpem-s(o)) 。 

所 请 范式 理论 ， 其 实 是 关系 数据 库 设 计 的 理论 ， 也 束 是 研究 什么 样 的 关系 模式 是 最 优 
的 。 关 系 模式 的 问题 是 由 属性 之 间 不 合理 的 关系 所 引起 的 ， 基 于 形式 化 的 关系 理论 ， 可 以 
给 出 关于 规范 化 关系 模式 的 定义 ， 也 就 是 范式 。 

1) 范式 等 级 

目前 为 止 ， 规 范 理 论 已 经 提出 了 6 类 范式 ， 从 1INF~5NF， 一 类比 一 类 更 严格 ， 它 们 
之 间 的 包含 天 系 如 图 9-4 所 示 。 
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图 9-4 各 种 范式 之 间 的 关系 


例如 ， 夺 一 个 关系 R 的 每 一 分 量 都 是 不 可 分 的 数据 项 ， 则 称 RR 是 第 一 范式 的 ， 简 称 
1INF， 记 作 RE1NF。 
1NF 是 所 有 关系 必须 满足 的 ， 其 他 范式 定义 涉及 函数 依赖 等 概念 ， 本 书 不 展开 。 
2) 模式 分 解 
关系 模式 的 规范 过 程 实 际 上 就 是 把 一 个 关系 模式 分 为 几 个 关系 模式 的 过 程 ， 也 就 是 关 
系 模式 的 分 解 。 在 实际 应 用 中 ， 最 有 价值 的 范式 是 3NF 或 BCNF,， 一 般 来 说 设计 关系 模式 
的 时 候 ， 应 该 将 关系 模式 分 解 到 3NF。 
分 解 虽然 能 市 来 规范 、 消 除 寞 第 更 新 等 问题 ， 但 也 会 付出 连接 运算 的 昂 叶 代价 。 所 以 
在 实际 应 用 中 ， 也 会 出 现 仅 分 解 到 2NF， 甚 全 连 NF 的 情况 。 关 键 是 能 清楚 地 认识 到 关系 
模式 可 能 存在 的 问题 ， 在 应 用 时 避免 这 些 问 题 。 所 以 具体 分 解 到 哪个 范式 ， 要 全 面 衡量 ， 
综合 考虑 ， 视 情况 而 定 。 
下 面 分 析 KPIs 关系 模型 中 各 关系 模式 的 范式 等 级 ， 必 要 时 进行 模式 分 解 。 
。 Department 属于 BCNE， 无 须 分 解 。 
。 Kpildx 中 Code 和 Department ID 两 个 字段 一 起 才 是 关键 字 ， 但 Description 字段 值 
仅仅 由 Code 字段 值 决定 ， 因 此 会 出 现 前 述 问 题 分 析 中 提 到 的 种 种 将 端 。 
需要 将 其 分 解 为 Kpildx(ID,Code,Name,Description,ValueType)( 属于 BCNF) 和 
DepartmentIdx(ID,Frequency, Weight, StandValue,Idx ID,Department ID,Collector ID)( 必 于 BCNF)。 
其 中 Kpildx 的 ID 和 DepartmentIdx 的 ID 字段 为 各 目的 目 增 了 D; Idx_ID 字段 是 外 键 , 参照 
Kpildx 表 的 ID 字段 。 
e。 Sta 任 属于 BCNF， 无 顷 分 解 。 
。 IdxData 涉及 2 个 业务 逻辑 : 同一 个 输入 时 间 可 以 输入 同一 个 指标 不 同 采集 时 间 的 
指标 数据 ， 以 及 同一 个 指标 不 同 的 时 间 可 能 由 不 同 采 集 人 员 负 责 输入 。 基 于 这 两 点 
才 可 以 说 IdxData 属于 BCNF， 无 须 分 解 。 
。 Log 属于 BCNF， 无 须 分解 。 但 这 个 关系 模式 在 实际 应 用 中 存在 一 些 问题 ， 后 续 将 
做 进一步 的 讨论 和 修改 。 
通过 这 个 例子 可 以 看 到 ， 在 没有 泡 式 理论 指导 的 情况 下 ， 有 时 会 由 于 玖 忽而 设计 出 不 
合理 的 关系 模式 来 。 有 了 范式 理论 的 知识 ， 设 计 人 员 可 以 清楚 地 分 析 关 系 模式 的 问题 ， 从 
而 通过 关系 模式 分 解 来 减少 问题 发 生 的 可 能 。 


9.3 三 级 模式 结构 设计 


数据 库 物 理 结构 设计 阶段 的 任务 是 根据 具体 数据 库 系 统 的 特点 ， 为 给 定 的 多 辑 模型 确 
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定 合理 的 存储 结构 和 存 取 方 法 。 所 谓 合理 主要 有 两 个 骆 义 : 一 是 使 物理 数据 库 占用 较 少 的 
存储 空间 ， 二 是 对 数据 库 的 操作 能 具有 尽 可 能 高 的 效率 。 

1， 数 据 独立 性 

数据 库 系统 将 物理 模型 和 逻辑 模型 分 开 ， 是 为 了 让 数据 模型 具有 灵活 性 ， 也 就 是 数据 
的 独立 性 。 数 据 独立 性 分 为 物理 独立 性 和 逻辑 独立 性 ， 分 别 对 应 数据 库 三 级 模式 结构 中 的 
两 级 映 象 ， 如 图 9-5 所 示 。 


图 9-5 数据库 系统 三 级 模式 结构 示意 图 


(1) 模式 (Schema): 模式 也 称 多 辑 模式 ， 是 数据 库 全 局 数据 的 逻辑 结构 。 

(2) 外 模式 : 外 模式 也 称 子 模式 或 用 户 模式 ， 它 是 数据 库 用 户 〈 包 括 应 用 程序 员 和 最 
终 用 户 ) 看 见 和 使 用 的 局 部 数据 的 逻辑 结构 。 

(3) 内 模式 : 内 模式 也 称 存储 模式 ， 它 是 数据 物理 结构 和 存储 结构 的 描述 ， 是 数据 在 
数据 库 内 部 的 表示 方式 。 

三 级 模式 结构 之 间 需 要 进行 模式 转换 , 依赖 于 图 9-5 所 示 的 “模式 /内 模式 映像 ”和 “外 
模式 /模式 映像 ”两 级 映像 ， 实 现 了 数据 库 的 物理 独立 性 和 逻辑 独立 性 。 

(1) 物理 独立 性 : 当 数 据 的 存储 结构 〈 即 物理 结构 ) 改变 时 ， 通 过 对 “模式 /内 模式 映 
像 ”的 相应 改变 可 以 保持 数据 的 逻辑 结构 不 变 ， 从 而 应 用 程序 也 不 必 改 变 。 

(2) 逻辑 独立 性 : 当 数 据 的 总 体 多 辑 结构 改变 时 ， 通 过 对 “外 模式 /模式 映像 ”的 相应 
改变 可 以 保持 数据 的 局 部 逻辑 结构 不 变 ， 所 以 应 用 程序 不 必修 改 。 

2.， 内 模式 和 达 5| 

模式 /内 模式 映像 通常 由 DBS 自行 负责 ， 但 掌握 数据 库 内 模式 原理 ， 可 以 帮助 设计 人 
员 设 计 出 更 合理 的 存储 结构 。 数 据 库 的 存储 结构 设计 大 致 包括 两 个 方面 : 数据 存储 结构 、 
数据 存 取 方 法 。 

1) 数据 存储 结构 

数据 存储 结构 包括 数据 存放 位 置 的 确定 和 数据 库 参 数 的 确定 。 以 SQL Server 为 例 ， 创 
建 数据 库 的 SQL 语句 为 CREATE DAIABASE， 其 完整 语法 为 


CREATE DATABASE database name 
[ CONTAINMENT = { NONE | PARTIAL } | 
[ ON 

[ PRIMARY ] <filespec> [ ,...n |] 
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[ ，<flilegroup> [ ，,，---mn ] ] 
[ LOG ON <filespec> [ ,...n ] ] 


= 


COLLATE collation name | 
[ WITH <option> [,---m ] ] 


。 CONTAINMENT: 用 于 决定 数据 库 中 是 否 包含 数据 库 设 置 和 元 数据 库 信 息 〈 默 认 
SQL SERVER 将 相关 信息 保存 在 master、sys 等 系统 数据 库 中 )。 
ON: 用 于 指定 数据 库 实际 保存 的 人 磁盘 文件 。 
COLLATE: 指定 数据 排序 规则 。 

。 WITH: 指定 数据 库 的 各 项 参数 。 

2) 存 取 路 径 

存 取 路 径 是 指数 据 库 如 何 快 速 定位 所 需要 数据 的 方法 ， 币 见 有 有 款 引 法 、HASH 法 。 

数据 库 的 索引 类 似 一 本 书 的 目录 。 在 书 中 ， 目 录 人 允许 用 户 不 必 浏 览 全 书 了 驶 能 迅速 地 找 
到 所 需要 的 位 置 。 在 数据 库 中 , 通过 索引 可 以 迅速 找到 表 中 数据 ， 而 不 必 扫 描 整 个 数据 库 ， 
从 而 大 大 减少 数据 得 询 时 间 。 

需要 注意 的 是 索引 虽然 能 加 速 查询 速度 ， 但 每 个 索引 都 将 占用 一 定 的 存储 空间 ， 而 且 
对 表 中 数据 进行 增 、 删 和 改 的 时 候 也 要 相应 地 维护 索引 ， 因 此 会 降低 数据 更 新 效率 。 

在 创建 索引 的 时 候 ， 一 般 遵 循 以 下 经 验 性 原则 : 

(1) 在 主 关 键 字 上 建立 索引 。 


(3) 在 经 常用 于 连接 的 列 上 建立 索引 ， 即 在 外 键 上 建立 索引 。 

(4) 在 经 前 需要 排序 的 列 上 建立 索引 ， 这 样 可 以 利用 已经 排序 的 款 引 ， 减 少 排序 时 间 。 

对 于 某 些 列 不 应 该 创建 索引 ， 这 时 应 该 考虑 下 面 的 指导 原则 。 

(1) 对 于 那些 在 合 询 中 很 少 使 用 和 参考 的 列 不 应 该 创建 汉 引 。 

(2) 对 于 那些 只 有 很 少 值 的 列 不 应 该 建立 索引 。 例 如 ，Sta 企 表 的 Admin 列 取 值 范围 
只 有 两 项 True 和 False， 若 在 其 上 建立 索引 ， 则 平均 每 个 属性 值 对 应 一 半 元 组 ， 不 能 加 快 
检索 速度 。 

指导 原则 仅仅 是 一 般 性 原则 ， 实 际 应 用 中 DBA 需要 对 数据 库 查 询 、 操 作 的 情况 进行 
统计 分 析 ， 然 后 在 此 基础 上 调整 索引 。 

3) KPIs 内 模式 设计 

KPIs 的 存储 结构 采用 数据 库 系 统 的 默认 值 ， 所 以 内 模式 设计 主要 是 索引 的 设计 ， 
表 9-11 给 出 了 KPIs 的 索引 清单 。 


表 9-11 KPIs 索引 清单 


大 系 索引 索引 类 别 ”索引 字段 说 明 

Department PE Department 聚集 索引 ID 主键 
IX Department Path 唯一 索引 Path 党 用 合 找 、 唯 一 性 
]% Department Parent 索引 Parent ID 外 键 

Kpildx PK Kpildx 聚集 家 引 ID 主键 


IX Kpildx Code Name 唯一 索引 Code,Name 常用 查找 、 唯 一 性 


大 系 
DepartmentlIdx 


Staff 


IdxData 


索引 
PK DepartmentIdx 
IX Departmentldx Idx Department 


IX Departmentldx Collector 
PE Staff 
IX Staff UserName 


IX Staff Department 
PE IdxData 
IX IdxData Deptldx CDate 


Pk Log 
IX Log ActTime 


索引 类 别 
聚集 索引 
索引 


索引 
唯一 索引 


索引 
案 集 索引 
唯一 索引 


案 集 索引 
索引 
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索引 字段 说 阴 

ID 主键 

Idx ID， 候选 键 ， 外 键 
Department ID 

Collector ID 外 键 

ID 主键 

UserName, 第 用 三 询 ， 且 两 者 
Password 弟 帅 斋 要 同时 获取 
Department ID 外 键 

ID 主键 

DeptIdx ID, 候选 键 、 外 键 、 常 
CDate 用 排序 依据 

ID 主键 


ActTime DESC 常用 排序 依据 


表 9-11 中 对 为 什么 需要 建立 示 个 索引 给 出 了 简短 的 说 明 ， 下 面 补 序 几 点 。 
。 聚集 〈Cluster) 索引 : 表 中 记录 的 物理 存储 顺序 和 聚集 索引 顺序 是 一 致 的 ， 所 以 一 
张 表 只 能 有 一 个 聚集 索引 。 其 优点 是 获取 指定 记录 或 连续 围 的 记录 速度 快 ， 缺点 
是 对 表 进 行 修改 的 速度 较 慢 ， 因 为 可 能 引起 记录 的 物理 存储 位 置 重 排 。SQL Server 
。 IX Staff UserName 索引 : 通 贡 得 找 记 录 首 先 通 过 索引 检索 到 记录 的 存储 位 置 ， 然 
后 册 获 取 该 记录 。 但 如 果 索 引 已 经 包含 了 所 有 需要 获取 的 衬 段 ， 就 无 顷 访 问 记 录 本 
后 了 了 人， 所 以 IX Staff UserName 索引 包含 了 Password 字段 。 


。 IX Log ActTime 索引 : 用 户 通 名 关心 最 着 


的 日 六， 所 以 索引 字段 采用 降序 排列 。 


创建 索引 的 SQL 语句 为 CREATE INDEX， 具 体 的 语法 为 


CREATE [UNIQUE] [CLUSTERED] INDEX < 索引 名 > ON < 表 名 > (< 列 名 > [ASCIDESC] ，… 


其 中 ，UNIQUE 表示 建立 唯一 索引 ; CLUSTERED 表示 建立 聚集 索引 ， 列 名 后 面 的 ASC 
表示 索引 中 的 记录 按照 该 字段 的 升序 排列 《默认 )，DESC 表示 降序 排列 。 如 果 索 引 建 立 在 
多 个 字段 上 ， 则 列 名 之 间 用 “,” 分 隔 。 

例如 ， 创 建 I Staff UserName 的 SQL 语句 为 


CREATE UNIQUE INDEX IX Staff UserName ON staff (UserName, Password) 


再 如 ， 创 建 I Log ActTime 的 SQL 语句 为 


CREATE INDEX IX Log ActTime ON [Lod 


(ActT1ime DESC) 


索引 一 旦 建立 ，DBMS 会 目 动 维护 并 在 查询 时 利用 以 提高 效率 ， 无 顷 人 工 干 涉 。 
3. 外 模式 和 视图 


1) 视图 


数据 库 中 所 有 的 基本 表 构 成 数据 库 的 模式 ， 所 谓 基 本 表 束 古 指 本 里 独立 存在 的 表 。 而 
模式 /外 模式 之 间 的 映像 ， 则 是 通过 视图 和 权限 控制 来 实现 的 。 
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视图 (View) 也 是 一 张 表 ， 但 该 表 是 由 其 他 表 所 导出 的 虚 表 。 视 图 基于 的 表 可 以 是 基 
本 表 ， 也 可 以 是 其 他 视图 。 视 图 之 所 以 被 称 为 虚 表 ， 是 因为 数据 库 中 只 存放 视图 的 定义 ， 
而 不 存放 视图 的 数据 ， 数 据 存放 在 基本 表 中 。 用 到 视图 时 ， 数 据 库 系 统 会 根据 其 视图 定义 
到 基本 表 中 存 取 对 应 的 数据 。 即 所 有 对 视图 的 操作 最 终 被 转换 为 对 基本 表 的 操作 ， 这 个 过 
程 称 为 视图 消解 。 

使 用 视图 实现 外 模式 /模式 映像 是 视图 的 核心 作用 。 具体 来 说 , 使 用 视图 共有 以 下 优点 。 

. a 视图 可 以 将 多 张 表 组 合成 一 个 关系 模式 ， 从 而 简化 用 户 操 作 。 

。 个 性 化 : 可 以 对 同一 数据 建立 不 同 视图 ， 使 用 户 能 够 从 不 同 的 角度 看 繁 数 据 。 

加 辑 独 立 性 数据 库 重 构 时 有 可 能 保持 视图 不 变 ， 从 而 实现 数据 库 逻 辑 独 立 性 。 

。 安全 保护 : 视图 可 以 隐 忠 基本 表 中 的 菜 些 数据 ， 从 而 对 数据 提供 一 定 的 安全 保护 。 

2) 定义 视图 

创建 视图 的 SQL 语句 为 

CREATE VIEW < 视图 名 >[ (< 列 名 >[,< 列 名 >]*…)] AS 

< 村 得 询 > 
其 中 子 租 询 可 以 是 任 闽 复杂 的 SELECT 语句 ， 但 不 允许 侣 有 ORDER BY 子 句 。 

修改 视图 定义 的 SQL 语句 为 


ALTER VIEW < 视图 名 >[ (< 列 名 >[,< 列 名 >]*…)] AS 
< 子 香 询 > 


删除 视图 的 SQL 语句 为 
DROP VIEW < 视图 名 >; 


以 KPTIs 为 例 定 义 以 下 视图 。 
(1) 所 有 人 员 基 本 信息 ， 但 不 包 售 用户 方面 的 内 容 。 


CREATE VIEW StaffView(ID, StaffName, StaffTitle, Department ID) AS 
SELECT ID, Name, JobTitle, Department ID 
FROM Stat 


(2) 具有 库存 周转 率 指标 ， 并 且 标 准 值 在 2.0 以 上 的 部 门 。 


CREATE VIEW BestDeptView AS 

SELECT * FROM Department 

WHERE TD IN 
(SELECT Department ID 
FROM DepartmentIdx di JOIN Kpildx lidx ON di.Idx ID = lidx.ID 
WHERE idx .Name=' 库 存 周 转 率 ' AND di.StandValue>2.0) 


(3) 使 用 Kpildx 和 DepartmentIdx， 构 建 分 解 前 的 pildx 关系 模式 。 


CREATE VIEW KPp1IdxView AS 
SELECT di1i.ID, idx.Code, lidx.Name, idx.Description, idx.ValueType, 
di.Frequency, di.Weight, di.standValue, di.Department ID, 


第 9 章 数据库 设计 AL 


di.Collector ID 
FROM DepartmentIdx dl JOIN KPl1Idx lidx ON di.Idx ID = 1Ldx.ID 


(4) 用 户 名 000258 的 数据 员 负 责 采 集 的 所 有 部 门 指标 。 

CREATE VlIEW KPp1iIdx000258View AS 

SELECT idx.* 

FROM Staff sf JOIN KpiIdxView idx -- 基 于 基本 表 staff 和 视图 KpiIdxView 
ON sf.ID = 1idx.Collector ID 

WHERE sf.UserName = "000228" 


3) 操作 视图 
对 于 查询 操作 来 说 ， 视 图 和 基本 表 没 有 任何 区 别 ， 例 如 查询 职务 为 经 理 的 所 有 人 员 信 
息 的 SQL 语句 为 


SELECT * FROM StaffView WHERE StaffTitle=' 经 理 ' 


视图 也 可 以 和 其 他 视图 或 基本 表 结合 ， 进 行 多 表 或 嵌 套 查询 ， 例 如 查询 具有 库存 周转 
率 指 标 ， 并 且 标 准 值 在 2.0 以 上 的 部 门 的 所 有 指标 ， 按 采集 人 排序 ， 相 应 的 SQL 语句 为 
SELECT 1idx.*, sv.StaffName AS CollectorName ， 
sv.StaffTitle AS CollectorTitle 
FROM StaffView sv JOIN KpiIdxView idx -员工 视图 ， 部 门 指标 视图 
ON sv.ID = 1idx.Collector ID 
WHERE EXISTS ( 
SELECT * 
FROM BestDeptView dept -- 具 有 “库存 周转 率 ” 指 标 ， 且 标准 值 在 2.0 以 上 的 部 门 
WHERE dept.ID = idx.Department ID 


) 
ORDER BY sv.ID 


对 视图 进行 CUD 操作 的 SQL 语句 和 基本 表 也 没有 什么 区 别 ， 但 视图 可 能 会 涉及 多 张 
基本 表 ， 所 以 视图 的 CUD 操作 比 基 本 表 要 复杂 ， 只 有 妆 能 够 通过 视图 正确 地 将 CUD 操作 
映 冉 到 压 层 基本 表 中 时 ， 视 图 才 可 能 执行 CUD 操作 。 视 图 的 更 新 限制 很 多 ， 经 党 会 磁 到 
蝎 新 失败 的 情况 ， 如 果 非 必要 ， 不 要 通过 视图 来 更 新 数据 。 
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一 、 选 择 题 
1. 下 列 对 于 关系 的 叙述 哪 一 个 是 不 正确 的 《  )。 

A) 关系 中 的 每 个 属性 是 不 可 分 解 的 

B) 关系 中 元 组 的 顺序 是 无 关 紧 要 的 

C) 同一 关系 的 属性 名 具有 不 能 重复 性 

D) 任意 一 个 二 维 表 都 是 一 个 关系 
2 下 列 关于 数据 库 三 级 模式 结构 的 说 法 中 ， 不 正确 的 是 ( 。 )。 


156) 


/. 


， 数据库 需求 


Web 程序 设计 一 一 ASP.NET 项 目 实 训 


A) 一 个 数据 库 中 可 以 有 多 个 外 模式 但 只 有 一 个 内 模式 
B) 一 个 数据 库 中 可 以 有 多 个 外 模式 但 只 有 一 个 模式 


D) 一 个 数据 库 中 只 有 一 个 模式 也 只 有 一 个 内 模式 


.关系 规范 化 中 的 删除 操作 弄 音 是 指 (  ”)。 


A) 不 该 删除 的 数据 被 删除 
B) 不 该 插入 的 数据 被 插入 
C) 应 该 删除 的 数据 未 被 删除 
D) 该 插入 的 数据 未 被 插入 


.关键 子 中 的 属性 可 以 有 (  )。 


A) 0 个 
B) 1 个 
C) ] 个 或 多 个 
D) 多 个 


， 关系 数据 库 中 的 关键 子 是 指 (  ”)。 


A) 能 唯一 决定 关系 的 字段 

B) 不 可 改动 的 专用 保留 字 

C) 关键 的 很 重要 的 字段 

D) 能 唯一 标识 元 组 的 属性 或 属性 集合 

分 析 时 ， 数 据 字 典 的 含义 是 ( 所 

A) 描述 系统 的 功能 、 输 入 、 输 出 和 数据 存储 的 集合 

B) 数据 库 所 涉及 字母 、 字 符 及 汉字 的 集合 

C) 数据 库 中 所有 数据 的 集合 

D) 数据 库 中 所 涉及 的 数据 流 、 数 据 项 和 文件 等 描述 的 集合 
假设 2 个 实体 间 存 在 多 对 多 的 关联 关系 ， 转 换 成 天 系 模型 后 的 关系 分 别 为 RR 和 S， 


主键 分 别 为 A 和 B， 则 表示 该 关联 关系 的 方法 为 ( 。”)。 


.关于 数据 库 需求 


A) 用 一 个 新 的 关系 工 (A.B) 来 表示 
B) 在 R 中 增加 外 键 属性 B 
C) 在 S 中 增加 外 键 属性 A 
D) 在 R 中 增加 B， 同 时 在 S$ 中 增加 A 
分 析 需 要 考虑 的 问题 ， 下 列 说 法 ( ) 是 错误 的 。 
A) 需要 考虑 有 哪些 实体 ， 也 就 是 有 哪些 数据 需要 由 数据 库 负 责 管 理 
B) 需 要 考 虚 对 数据 进行 那些 处 理 
C) 需要 考虑 完整 性 ， 也 就 是 数据 都 有 什么 样 的 约束 条 件 
D) 需要 考虑 性 能 ， 也 就 是 如 何 能 够 快速 地 访问 数据 


， 采 用 分 级 方法 将 数据 库 结 构 划 分 成 多 个 层次 是 为 了 提高 数据 库 的 4  ” )。 


A) 数据 规范 性 和 数据 独立 性 
B) 滥 辑 独立 性 和 物理 独立 性 
C) 管理 规 光 性 和 物理 独立 性 
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D) 数据 的 共享 和 数据 独立 性 
一 、 填 空 是 
1 软件 开发 的 所 有 活动 都 是 一 个 逐步 细 化 、 反 复 修 正 的 过 程 ， 叫 
2. 在 关系 R 的 每 一 分 量 都 是 不 可 分 的 数据 项 ， 则 称 及 是 的 ， 人 简称 


3， 关系 的 完整 性 规则 包括 实体 完整 性 、 和 
4. 规范 化 程度 低 的 关系 模式 可 能 会 导致 数据 库 中 出 现 和 


6. 视图 是 定义 数据 库 模式 的 重要 方法 。 


EE 苗 卡 儿 积 Di XxX D> XxX XD, 的 子 集 叫 做 在 域 门 1， D,, “, D, 上 的 关系 ， 形式 化 记 


， 同 一 个 关系 模型 中 可 以 出 现 值 完 全 相同 的 两 个 元 组 。 
) 2， 建 立 数据 库 中 的 表 时 ， 将 年 龄 字段 值 限 制 在 18 一 23 岁 之 间 。 这 种 约束 属 

于 参照 完整 性 约束 。 

( ) 3. 关系 模式 中 各 级 式 之 同 的 关系 为 INF C2NF C3NF。 

( ) 4， 在 数据 库 的 三 级 模式 结构 中 ， 描 述 数据 库 中 全 体 数 据 的 全 局 逻辑 结构 和 特 
性 的 是 模式 。 

( ) 5. 关系 数据 库 通过 表 与 表 之 间 的 公共 属性 实现 数据 之 间 的 联系 。 这 些 公共 属 
性 是 一 个 表 的 主 码 ， 是 另 一 个 表 的 外 码 ， 它 们 应 满足 参照 完整 性 约束 条 件 。 

( ) 6. 数据 库 设 计 工 作 仅 指 前 期 需求 分 析 、 概 念 模 型 设计 、 逻 辑 模型 设计 、 物 理 
结构 设计 ， 不 包括 后 期 的 实施 、 维 护 、 调 整 和 优化 的 任务 。 

) 7， 查 询 视 图 和 查询 基 表 的 SQL 语句 没有 什么 区 别 。 

( ) 8. 视图 虽然 是 虚 表 ， 但 仍然 可 以 更 新 ， 只 是 会 受到 很 多 限制 。 

( ) 9. 关系 模式 是 稳定 的 ， 而 关系 是 关系 模式 某 个 时 刻 的 状态 ， 是 随时 间 不 断 变 
化 的 。 

( ) 10. 索引 属于 数据 库 物 理 模 型 方面 的 内 容 ， 其 作用 是 添加 存储 路 径 加 快 特 定 
数据 存 取 的 速度 ， 但 如 果 设 计 不 合理 ， 反 而 会 降低 数据 库 的 性 能 。 

四 、 实 践 题 

给 出 《门店 销售 指标 跟踪 系统 》 的 实体 类 图 并 转换 成 天 系 模型 。 分 析 该 关系 模型 是 否 
合理 ， 必 要 时 通过 模式 分 解 避免 不 合理 关系 模式 可 能 导致 的 问题 。 最 后 完成 系统 的 索引 、 
参照 和 视图 设计 。 
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系统 设计 和 实现 


学 习 目 标 

。 竺 握 图 形 界 面 创 建 SQL Server 数据 库 、 表 、 索 3 引 、 视 图 的 方法 ; 

。 了 解 SQL Server 用 户 和 权限 管理 ， 了 解 用 户 和 权限 管理 的 SQL 语句 ; 

。 掌握 SQL Server 文件 方式 数据 库 的 使 用 和 文件 权限 的 设置 ; 

。 了 解 什 么 是 软件 系统 架构 ; 

。 烈 练 掌握 三 层 架构 每 层 的 名 称 和 作用 ， 午 握 各 层 则 的 联系 ， 千 握 实体 层 的 作用 ; 
。 深刻 理解 三 层 架 构 的 优 缺 点 ， 掌 握 三 层 架 构 的 搭建， 掌握 服务 类 的 设计 

。 掌握 LINQ 基本 概念 ， 理 解 LINQto SQL ORM 框架 机 人 制 ; 

e 理解 Lamda 表达 式 ， 掌 握 LINQ 中 Select0)、WhereO0、First0 和 ToListO 方 法 ; 

。 了 解 ASPNET 校 验 控 件 ， 千 握 基 于 数据 库 的 喘 份 验证 方法 ， 理 解 MD5 的 作用 ; 
。 理解 应 用 权限 控制 的 基本 思路 ， 深 刻 理 解 网 站 应 用 的 无 状态 特征 ; 

。 熟练 掌握 ASPNET 实现 状态 管理 的 各 种 方法 以 及 方法 适用 的 场景 。 


10.1 ”数据库 实 施 


1. 创建 KPIs 数据 库 

KPIs 使 用 SQL Server Express (简称 SSE，VS 2013 内 置 了 SSE 的 精简 版 ， 称 为 SQL 
Server LocalDB Express) 提供 的 数据 库 文件 方式 来 创建 数据 库 。 

1) SSE 数据 库 文件 

采用 数据 库 文 件 方式 , 整个 数据 库 以 独立 文件 的 方式 存在 , 使 用 时 动态 加 载 这 个 文件 。 


这 菩 顾 了 文件 型 数据 库 和 网 络 数据 库 系 统 两 者 的 优点 ， 可 以 人 简化 数据 库 的 部 着。 虽然 SSE 
对 数据 库 文件 大 小 进行 了 限制 , 但 当 应 用 发 展 到 需要 更 大 容量 时 ,可 无 颖 迁移 到 非 Express 
版 本 的 SQL Server 上 。 


在 VS 中 打开 KPIsWeb 项 目 ， 找 到 App_Data 文件 夹 (如果 没有 则 右键 单 击 KPIsWeb 
项 目 ， 通 过 “添加 ASPNET 文件 夹 ” 命 令 添 加 )， 这 是 专用 于 保存 数据 库 相 关 文 件 的 文件 
夹 。 右 键 单 击 App_ Data 文件 夹 ， 选择“ 添加 一 新 建 项 ”命令 ， 在 对 话 框 中 选择 SQL Server 
数据 库 模板 ， 输 入 名 称 为 KPIs.mdf， 确 定 后 ，App_Data 文件 夹 中 会 新 增 一 个 数据 库 文件 。 

2) 定义 表格 和 索引 

创建 数据 库 文 件 后 ，VS 会 在 服务 器 资源 管理 需 中 添加 对 应 数据 连接 ， 和 但 看 这 个 连接 
的 连接 字符 串 属 性 ， 可 以 看 到 类似 “Data Source=(LocalDB)JNv11.0:AttachDbFilename 一 … ” 
的 文本 ， 其 中 的 (LocalDB)v11.0 就 表示 SQL Server LocalDB Express。 
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打开 SSMS 图 形 管理 工具 ， 连 接 SQL Server LocalDB Express， 如 图 10-1 所 示 。 


日 | A (localdb)\v11.0 (SQL Server 11.0.3000 - Ken-PC\Ken) 


日 加 站 库 
田 辐 系统 dd 民 库 : | 加 | : 四 
CAUSERS\KEN\DOCUMENTS\WISUAL STUDIO 2013\PROJECTS\KPIS\KPISWEB\APP_DATA\KPIS.MDF,| 


10-1 添加 新 表 


以 创建 DepartmenIdx 表 为 例 ， 石 键 单 击 KPTs 数据 库 市 点 (数据 库 名 称 可 能 如 图 10-1 
所 示 奢 样 ， 会 非 第 长 ，》 中 的 “ 表 ” 文 件 夹 结 点 ， 在 弹出 六 蛙 中 选择 “新 建 表 ” 命 令 。 然 后 
在 表格 定义 对 话 框 中 输入 各 字段 名 〈 列 名 )， 选 择 “ 数 据 类 型 ”和 “允许 为 nal” 选 项 ， 如 
图 10-2 所 示 。 

图 10-1 中 ID 列 前 有 钥匙 答 写 ， 表 示 该 列 为 主键 设置 方法 是 选择 主键 中 的 列 ( 按 住 
Ctrl 键 后 单 击 可 实现 多 选 )， 然 后 蛙 击 工具 柱 中 的 钥匙 图 标 按钮 。ID 列 为 目 增 列 ， 所 以 还 
要 选中 这 列 ， 在 列 属性 中 将 标识 规范 展开 ， 设 置 “(是 标识)” 为 “是 ”， 如 图 10-3 所 示 。 


列 属性 | 
| 列 名 | 数据 具 型 | 允许 为 null | - 
int 站 一 

Tdx_ID int 口 直 册 盘 或 时 B 定 
国 Department ID int 门 表 贡 计 忆 
国 Frequeney nvar char 20) I 
| Wei ght 图 旺 
回 | Stardyalue mmeric [18, 6B) [w 是 
sl Colleetor ID 1nit [| 1 
| 三 1 

10-2 DepartmentIdx 表 结 构 定 义 10-3 ” 列 属性 设置 标识 规范 


列 属性 中 还 有 很 多 其 他 的 设置 ， 例 如 ， 可 以 选中 Weight 列 ， 然 后 设置 其 “默认 值 或 绑 
定 ” 属 性 为 0， 即 设置 该 列 的 DEFAULT 约束 默认 值 为 0。 

列 设置 完毕 后 ， 单 击 工具 栏 中 的 保存 按钮 ， 弹 出 对 话 框 要 求 输入 表 的 名 称 ， 输 入 
DepartmentIdx， 单 击 “ 确 定 ” 按 钮 完成 表 的 定义 。 

通常 还 需要 为 表 定 义 参 照 和 索引 。 在 表 设 计 窗 口 保持 打开 的 情况 下 ， 单 击 工 具 栏 中 的 
“管理 索引 和 键 ” 按 钮 ， 出 现 如 图 10-4 所 示 对 话 框 。 按 照 表 9-11 的 设计 ， 在 这 个 界面 中 添 


\ 


加 对 应 的 索引 ， 设 置 唯 一 性 和 索引 列 〈 包 括 排序 )。 
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索引 
ll Collector ID (SC) 


10-4 ”索引 和 键 的 设置 对 话 框 


关闭 索引 设计 对 话 框 ， 单 击 工 具 栏 中 的 关系 按钮 ， 出 现 如 图 10-5 所 示 的 对 话 框 。 
外 键 关系 


Sl hj i 
| -i = a A | 人 


FEK DepartmentIde_Departme | -在 编辑 现 有 关系 的 属性 。 
FK_DepartaentIdx_KpiTd 

FK_DepartmentIdx_Stattt 
FR TixDate Departmentl dx 
FR Loe Departmentl dx 


10-5 ” 表 之 间 的 关联 设置 对 话 框 


根据 KPIs 关系 模型 中 的 外 键 设计 ， 添加 DepartmentIdx 表 和 其 他 表 之 间 的 所 有 外 键 关 
系 。 选 中 外 键 关系 后 ， 单 击 图 10-5 中 的 “ 表 和 列 规范 ”属性 按钮 ， 在 如 图 10-6 所 示 的 对 
话 框 中 设置 被 参照 的 主 表 、 参 照 对 应 字段 。 


| Colle ctor _ 工 IT 


10-6 ”参照 主 表 和 参照 字段 设置 对 话 杠 
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注意 图 10-5 中 的 “INSERT 和 UPDATE 规范 ”用 于 设置 主 记录 被 删除 或 主键 值 被 修改 
时 外 键 值 的 处 理 方式 。KPIs 关系 模型 设计 时 ， 对 外 键 的 更 新 规范 做 出 了 规定 ， 如 果 是 拒绝 
删除 ， 则 采用 默认 设置 “无 操作 ”如 果 是 删除 置 空 , 那 就 需要 把 删除 规则 改 为 “设置 null ”。 
再 次 单 击 工具 栏 的 保存 按钮 , 保存 索引 和 参照 设置 ,完成 DepartmentIdx 表 的 全 部 定义 。 
请 读者 根据 上 述说 明 ， 完 成 KPls 其 他 表 的 定义 。 
3) 创建 KPTs 的 视图 
使 用 图 形 界 和 面 创建 KPIs 中 的 DeptKpildxView 视图 ， 也 融 是 连接 Kpildx 表 和 
DepartmentIdx 表 的 部 门 KPI 指标 视图 。 右 键 单 击 KPIs 数据 库 中 的 视图 文件 夹 节 点 ， 在 弹 
出 菜单 中 选择 “新 建 视图 ”命令 ， 出 现 如 图 10-7 所 示 的 对 话 框 。 
EF 


刷新 B) ”|| 添加 G | 关闭 C) | 


图 10-7 选择 视图 中 涉及 的 表 
选择 DepartmentIdx 和 Kpildx 两 张 表 ， 单 击 “ 添 加 ”按钮 ， 选 中 的 表 会 添加 到 视图 
编辑 器 中 ， 且 自动 根据 表 间 的 外 键 生 成 相应 的 SELECT 语句 。 单 击 “ 关 闭 ” 按 钮 ， 出 现 如 
图 10-8 所 示 的 视图 定义 界面 。 


dbo, Yiewl; 视图 fw**P 了 _DATAEPIS. MDF YI 查 记 1 查 闪 (win2l6… TATAYERETS WDF) 


围 Departmentl ds 
vw Department_ID 


Hame 
Descriptiorn 


排序 顺序 


| In Departme... 
ldx_1l Departme... 
OR | 
kb Code | EpiT ds 


| 
| Description Epil de 
| 


ValuelType Fp1I1 de 


呈 
3 
司 梧 同 司 同 梧 同 


| Department LN Departme... 


SELECT dbo. DepartmentITd:. IDN dbo. Departmentldx. Td IDN, dbo. Epild:. Code, 
dbo. Epil ds. Hame, dbo. Epildsx. Description, dbo. Epild. ValueType, 
dbo. DepartmentIl dx. Department _ ID, dbo. Departmentl dx. Fregqguencey, 
dbo, Depar tmentl dr. Weieht, dbo. Departmentldx. StandValue, 
dbo., DepartmentTd:. Collector I 

FRON dbo. Departmentldr TINNER JOIN 
dbo. Epil ds UN dbo. Departmentl dr. de JU = dbo. Epil ds. 11 


图 10-8 ”视图 可 视 化 定义 界面 


可 以 在 图 10-8 的 SQL 语句 区 中 直接 输入 SELECT 语句 ， 注 意 只 需要 输入 查询 语句 ， 
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无 顷 输 入 CREATE VIEW 命令 。 完 成 定义 后 ， 单 击 工 具 栏 保存 按钮 ， 输 入 视图 名 称 即 可 。 

2 数据 库 权 限 控 制 

权限 控制 也 是 数据 库 设 计 的 一 项 重要 工作 ， 是 定义 外 模 陈 的 部 分 ， 更 是 数据 库 安 全 方 
和 面 的 重要 内 容 ， 通 过 权限 控制 可 以 限制 用 户 对 关系 的 操作 类 型 、 操 作 沁 围 。 

1) 用 户 省 理 

数据 库 权 限 是 指数 据 库 用 户 的 权限 ，SQL Server 中 的 用 户 分 为 登录 用 户 和 数据 库 用 户 
两 类 ， 登 录用 户 是 指 可 以 连接 到 SQL Server 服务 器 的 用 户 ， 而 数据 库 用 户 则 是 指 具 体 使 用 
菏 个 数据 库 的 用 户 。 登 录用 户 和 数据 库 用 户 是 多 对 多 的 关系: 一 个 登录 用 户 连接 到 SQL 
Server 后 可 以 同时 对 应 多 个 数据 库 中 的 用 户 。 

SQL Server 中 有 两 个 默认 系统 管理 员 登 录用 户 : sa 和 【Windows 的 ) Administrator 用 
户 ， 前 者 用 于 混合 喘 份 认证 模式 ， 出 于 安全 考虑 默认 是 集 用 的 ， 后 者 用 于 集成 喘 份 认证 。 

创建 登录 用 户 的 SQL 语句 为 


CREATE LOGIN < 登录 用 户 名 > WITH PASSWORD=:' 登 录 密 但 ， 
例如 为 KPls 创建 一 个 专用 的 登录 用 三 KpiUser: 
CREATE LOGIN KpiUser WITH PASSWORD = "340$Uuxwp7/Mcxo7Khy'; 


SQL Server 中 每 个 数据 库 都 可 以 有 自己 的 数据 库 用 户 ， 其 中 有 一 个 默认 用 户 dbo， 是 
DATABASE OWNER (数据库 所 有 者 ) 的 缩 号 ， 默 认 sa 和 Administrator 用 户 对 应 所 有 数 
据 库 的 dbo 用 户 。 

创建 数据 库 中 用 户 的 SQL 命令 为 


USE < 数据 库 >; 
CREATE USER < 用 户 名 > FOR LOGIN < 登录 用 户 名 >; 


上 述 命令 中 如 条 没有 USE 指令 ， 则 寺 认 在 当前 数据 库 中 创建 该 数据 库 用 户 。 例 如 在 
KPIs 数据 库 创建 KpiUser 用 户 ， 并 且 关 联 到 登录 用 户 KpiUser 的 SQL 语句 为 


CREATE USER KPIUSser FOR LOGIN KpiUser 


可 以 看 到 ， 数 据 库 用 户 名 和 登录 用 户 名 可 以 相同 ， 也 可 以 不 同 。 

用 户 创建 完 后 ， 默认 没有 任何 权限 ， 此 时 还 需要 使 用 权限 管理 的 SQL 语句 ， 来 设置 数 
据 库 用 户 的 权限 。 

2) 权限 SQL 

SQL 权限 命令 主要 有 授予 权限 (GRANT), 拒绝 权限 (DENY) 和 收回 权限 (REVOKE) 
三 个 。 

(1) GRANT 

授权 总 的 语法 是 将 某 个 对 象 上 的 某 些 操作 权限 授予 某 些 用 户 , 对 象 可 以 是 数据 库 、 表 、 
视图 等 ， 而 可 用 的 权限 和 对 象 有 关 。 例 如 表 或 视图 上 可 能 的 权限 为 SELECT、UPDAIE、 
INSERT、DELETE 等 。 权 限 也 可 以 用 ALL 代 奉 ， 表 示 对 象 上 所 有 可 能 的 权限 。 例 如 ， 把 
视图 StaffView 的 查询 权限 授予 用 户 KpiUser，SQL 语句 为 
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GRANT SELECT ON StaffView TO KpiUser 
再 如 ， 把 Staff 表 的 更 新 职务 字段 和 删除 记录 权限 授予 用 户 KpiUser 的 SQL 语句 为 
GRANT UPDATE (JobT1it1Le) ， DELETE ON Staff TO KpiUser 


(2) DENY 
拒绝 是 一 种 反 向 授权 ， 语 法 和 GRANT 语句 类 似 。 如 果 用 户 被 拒绝 基 个 权限 ， 那 么 即 
使 通过 GRANT 授予 了 正 同 的 权限 ， 用 户 也 不 会 获得 该 权限 。 


(3) REVOKE 
收回 权限 就 是 撤销 原来 GRANT 授予 的 权限 ， 所 以 介词 用 FROM。 例如 撤销 前 面授 也 


KpiUser， 在 Kpildx 中 搬入 新 记录 的 权限 ，SQL 语句 为 
REVOKE INSERT ON KpiIdx FROM KpiUser 


GRANT 和 REVOKE 中 都 有 一 个 特殊 的 用 户 PUBLIC， 它 表示 的 是 所 有 数据 库 用 户 。 
例如 收回 所 有 用 户 对 表 Department 的 查询 权限 ，SQL 语句 为 


REVOKE SELECT ON Department FROM PUBLIC; 


3. KPIs 数据 库 文件 

1) 连接 字符 串 

连接 SSE 数据 库 文 件 的 方式 只 能 使 用 集成 号 份 认证 方式 ， 对 于 网 站 来 说 束 是 Web 服 
务 器 进程 的 运行 账户 ， 例 如 IS 的 网 站 默认 用 户 为 Network Service 。 连 接 成 功 后 ， 映 射 到 
的 数据 库 用 户 就 一 定 是 dbo， 也 就 是 数据 库 的 所 有 者 ， 拥 有 数据 库 所 有 操作 权限 。 

因为 采用 数据 库 文件 方式 ， 实 际 上 就 是 这 个 网 站 应 用 专属 的 数据 库 ， 所 以 没有 必要 在 
数据 库 系 统 的 层面 进行 用 户 权 限 的 管控 。 

SSE 数据 库 文件 方式 的 另 一 个 重要 概念 是 动态 附加 〈AttachDB ) 和 用 户 进程 〈User 
Instance)， 例 如 KPIs 数据 库 连 接 字 符 串 为 


Data Source= (LocalDB)\v1ll.0;AttachDbrilename=|DataDirectory|\KPIs.mdf; 


Integrated Security=True;User Instance=True 


(1) AttachDBFileName: 是 SSE 数据 库 文件 方式 的 特有 连接 特性 ， 表 示 动 态 附 加 数据 
库 文 件 。 文 件 路 径 中 可 以 使 用 特殊 标识 符 |DataDirectory|， 它 表示 网 站 的 App Data 文件 夹 ， 
而 且 能 够 根据 网 站 实际 部 署 目 动 确定 数据 库 文 件 的 绝对 路 径 。 这 是 SSE 针对 ASPNET 网 
站 提供 的 功能 ， 这 也 是 为 什么 把 数据 库 文件 创建 到 App_Data 文件 夹 中 的 原因 。 

(2) Integrated Security: 表示 是 否 集成 身份 认证 模式 ， 对 于 数据 库 文件 方式 必须 
是 True。 

(3) User Instance: 表示 是 否 为 连接 数据 库 文件 的 应 用 局 动 独立 的 SSE 进程 ， 相 当 于 
为 这 个 应 用 局 动 一 个 独立 的 DBMS， 专 门 负责 这 个 数据 库 文 件 的 管理 。 动 态 附 加 文件 方式 
时 通常 为 True。 


1 具体 参见 本 书 5.6 节 。 
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2) 文件 权限 

使 用 独立 的 SSE 进程 还 有 一 个 文件 权限 的 问题 。 调 试 时 的 网 站 会 用 当前 Windows 登 
录用 户 , 通 单 不 会 有 权限 问题 。 但 部 普 后 的 网 站 ,如 条 是 HS, 则 会 以 Windows 中 IIS_IUSERS 
用 户 组 的 身份 作为 SSE 的 进程 用 户 ， 所 以 必须 保证 该 用 户 组 拥有 读 写 数据 库 文件 的 权限 。 

右键 单 击 部 普 后 的 App_Data 文件 来， 选择“ 属性 ”命令 ， 在 对 话 框 中 切换 到 安全 页 ， 
如 图 10-9 所 示 。 

单 击 图 10-9 中 的 “编辑 ”按钮 ， 出 现 图 10-10 所 示 的 安全 设置 对 话 框 ， 在 “组 或 用 户 
名 ”中 选择 IS_IUSRS 组 ， 这 是 HS (包括 其 中 运行 的 网 站 应 用 ) 访问 Windows 资源 的 用 
户 身 份 。 在 下 方 的 “IS _IUSRS 的 权限 ”中 ， 选 中 “完全 控制 ”后 面 “ 允 许 ” 列 的 复 选 框 。 


由 App_nata 属性 国 1 国生 加 pz Data 的 权限 
常规 | 共享 ”安全 | 以 前 的 版 本 | 自 定义 | | 
对 象 名 称 : CC:\inetpub\wwwroot\App_Data 对 象 名 称 : C:\inetpub\wwwroot\hpp_Data 


组 或 用 户 名 (6): 组 或 用 户 名 (6): 


BR Adninistrators (WINOKB\Admninistrators) 
外 ITS IUSRS (WIR2EB\IIS IUSRS) 
汪 二 ， i i 


Administrators WIN2ES\Administrators) 
是 IIS_IUSRMS (WIN2KS"IIS_IVSRS) 

鱼 TrustedInstal1lar 

证 


2+| 


图 10-9 App Data 文件 夹 安全 设置 对 话 框 图 10-10 设置 IIS IUSRS 组 对 App Data 的 完全 控制 权限 


设置 完毕 后 ， 有 时 需要 重 司 一 下 网 站 才能 让 新 权限 生效 。 如 果 没 有 配置 好 文件 权限 ， 
当 网 站 试图 同 数 据 库 中 号 入 记录 时 就 会 出 现 “KPIs mdf 是 只 读数 据 库 ”的 错误 提示 信息 。 


10.2 系统 架构 


KPIs 属于 小 型 网 站 系统 ， 但 如 本 不 把 程序 代 但 组 织 好 ， 会 给 系统 实现 和 维护 市 来 很 大 
的 朋 烦 。 所 以 ， 在 实现 系统 之 前 ， 有 必要 先 完 成 系统 的 染 构 设计 。 

所 请 系统 架构 就 是 指 程序 代码 的 组 织 方 式 。 采 用 面向 对 象 的 思想 ， 通 常 把 程序 代码 组 
织 成 一 个 一 个 的 组 件 ， 组 件 之 间 互 相 调用 、 互 相配 合 ， 从 而 实现 整个 系统 功能 。 架 构 设 计 
就 是 需要 确定 系统 分 成 哪些 组 件 、 组 件 之 间 的 交互 关系 和 交互 方式 。 

1.。 三 层 架 构 

1) 什么 是 三 层 染 构 

任何 一 个 软件 系统 的 总 体 功能 都 是 : 输入 一 处 理 一 输出 。 从 这 个 角度 来 说 ， 一 个 应 用 
系统 所 需要 完成 的 任务 可 以 分 为 三 类 : 负责 输入 /和 输出 的 界面 处 理 、 负 责 该 与 数据 库 的 数据 
访问 ， 以 及 负责 按 业务 规则 加 工 处 理 数据 的 业务 罗 辑 处 理 。 相 应 的 代码 也 可 以 组 织 成 对 应 


1 也 就 是 类 ， 系 统 染 构 中 为 了 强调 其 封装 性 ， 以 及 通过 接口 提供 服务 的 特性 ， 将 其 称 为 组 件 。 
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的 三 部 分 〈 称 为 层 ): 表示 层 (User Interface，UI)、 数 据 访 问 层 (Data Access Layer, DAL) 
和 业务 逻辑 层 (Business Logic Layer，BLL)， 这 束 是 所 谓 的 三 层 课 构 。 每 一 层 中 的 代码 都 
会 进一步 组 织 成 一 个 或 多 个 组 件 ， 三 层 之 间 总 的 关系 如 图 10-11 所 示 。 

(1) UI: 表示 层 中 的 类 称 为 界面 类 ， 负 责 生成 界面 ， 接 收 用 户 的 输入 ， 然 后 调用 业务 
逻辑 层 中 的 业务 处 理 类 完成 业务 处 理 ， 最 后 将 结果 呈现 给 用 尸 。 界 面 类 不 应 该 涉及 业务 过 
辑 的 处 理 ， 但 通常 需要 负责 用 户 输入 的 初步 校 验 、 格 式 转换 等 工作 。Web 应 用 系统 中 ， 表 
示 层 主要 由 Web 页 面 类 组 成 。 

(2) BLL: 业务 逻辑 层 中 的 业务 处 理 类 ， 负 责 接受 表示 层 的 请 求 ， 然 后 通过 调用 数据 
访问 层 中 的 类 获取 数据 库 中 的 数据 ， 完 成 所 要 求 的 业务 计算 ;最 后 将 结 末 反馈 给 表示 层 。 
如 果 需 要 ， 同 梓 通 过 调用 数据 访问 层 的 类 将 结果 写 回 数据 库 。 显 然 业 务 迎 辑 层 是 整个 系统 
的 处 理 核心 ， 所 以 有 时 也 将 业务 处 理 类 称 为 服务 类 (Service)， 强 调 其 接受 请 求 并 完成 请 求 
任务 的 服务 特性 。 通 第 把 业务 处 理 根据 相关 性 分 组 ， 同 组 的 业务 处 理 组 织 成 一 个 服务 类 。 

(3) DAL: 数据 访问 层 中 的 类 ， 负 贡 和 直接 读 写 数据 库 。 有 了 数据 访问 屋 ， 服 务 类 束 无 
须 关 心 实 际 数 据 是 如 何 存储 到 数据 库 的 ， 如 何 从 数据 库 中 获取 数据 的 ， 而 专注 于 业务 闻 辑 
的 实现 。 数据 访问 层 中 的 类 通常 对 应 数据 库 中 的 一 张 表 或 视图 ， 负责 这 张 表 或 视图 的 操作 ， 
相应 的 对 象 又 称 为 数据 访问 对 象 (Data Access Object，DAO)。 

2) 实体 层 

DAL 从 数据 库 获取 数据 后 ， 须 将 其 封装 在 对 象 中 传递 给 BLL。BLL 处 理 完 数据 后 ， 
同样 需要 将 结果 封装 在 对 象 中 传递 给 UI。DAL 传递 给 BLL 的 对 象 通常 和 数据 库 中 的 实体 
记录 相对 应 ， 所 以 通常 将 这 些 对 象 称 为 实体 对 象 Entity)， 在 简单 的 系统 中 ， 实 体 对 象 会 
同时 用 于 BLL 传递 给 UI。 将 所 有 的 实体 对 象 的 定义 集中 在 一 起 ， 就 形成 了 所 谓 的 实体 层 
(Entity Layer，Entity)。3 引 入 实体 层 后 的 三 层 架构 整形 成 了 如 图 10-12 所 示 的 天 系 。 


业务 逻辑 技 BLL 
数据 访问 层 DAL 


全 


数据 库 DB 


表示 层 U] 


总 四 租 已 实体 屁 
业务 逻辑 层 BLL i Entity 


数据 访问 层 DAL 


图 10-11 三 层 架 构 示 意图 图 10-12 包含 实体 层 的 三 层 架 构 示意 图 


3) 三 层 架 构 的 特点 

注意 三 层 架 构 中 每 一 层 的 分 工 原 则 。 

(1) DAL 仅 提供 对 数据 库 的 CRUD 操作 ， 而 不 关心 业务 逻辑 。 

(2) BLL 不 会 直接 访问 数据 库 ， 其 与 数据 库 的 交互 是 通过 DAL 提供 的 方法 。 在 调用 
DAL 方法 前 ，BLL 应 该 进行 目 己 的 多 辑 判 断 或 者 业务 处 理 。 另 外 BLL 也 可 以 提供 和 数据 
库 操 作 无 关 的 其 他 业务 处 理 方法 。 
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(3) UI 不 能 调用 DAL 方法 ， 只 能 调用 BLL 方法 。 

三 层 架 构 是 人 们 总 结 出 来 的 一 种 代 介 组织 方式 ， 其 最 大 优点 是 结构 清晰 、 易 扩展 、 易 
维护 ， 缺 点 是 复杂 。 小 型 项 目 使 用 三 及 架构 会 得 不 偿 失 ， 例如 MPMM 就 没有 采用 三 层 架 构 。 

2. KPIs 系统 架构 

1) 搭建 解决 方案 框架 

针对 三 层 架 构 对 KPIs 项 目 工程 文件 进行 规划 ， 可 以 选择 在 KPIsWeb 项 目 中 新 建 各 层 
的 文件 夹 ， 将 相应 的 类 文件 组 织 到 文件 夹 中 ,但 更 常见 的 是 为 每 一 层 建 一 个 独立 的 项 日 。 
KPIs 针对 小 型 网 站 项 目 ， 将 BLL、DAL、Entity 三 层 合并 到 一 个 独立 的 项 目 中 ， 牺 牲 一 些 

打开 KPTs 解决 方案 ， 选 择 “ 文 件 一 添加 一 新 建 项 目 ” 命 令 ， 弹 出 如 图 10-13 所 示 的 界 
面 ， 由 于 新 增 项 目 中 只 是 一 些 类 的 定义 ， 所 以 选择 “类 库 ” 模板 。 输 入 项 目 名 称 KPIs.BLL， 
单 击 “ 确 定 ” 按 钮 ，VS 在 KPIs 解决 方案 中 增加 一 个 名 为 KPIs.BLL 的 项 目 。 

如 图 10-14 所 示 为 KPIs 的 解决 方案 资源 管理 锅 ，KPIs 解决 方案 包含 2 个 项 目 : 
KPIsBLL 项 目 实 现 三 层 架 构 中 的 BLL、DAL 和 Entity，KPIsWeb 项 目 实现 三 层 架 构 中 的 UI。 


Visual C# 解决 方案 资源 管理 器 -i Xx 
b Visual Basic 2 - 忆 闻 | 包 
有 Visual C# I WPF 应 用 程序 Visual C# © © A © 二 日 
Windows 站 1 i 搜索 解决 方案 资产 管理 器 ctr+J) 所 ~ 
Nl ced | 解决 方案 KPIs' (2 个 项 目 ) 
b KPIs.BLL 


b 9 kPIsWeb 
名 称 (NN): KPIs.BLL LE 站 当 直 团队 光源 管理 器 


10-13 ” 问 解 决 方案 中 添加 新 的 项 目 对 话 框 图 10-14 KPIs 解决 方案 资源 管理 器 


为 了 让 KPIsWeb 项 目 能 使 用 BLL 项 目 中 的 类 ,要 为 KPIsWeb 项 目 添加 对 BLL 的 引用 。 
右键 单 击 KPIsWeb 项 目的 “引用 ”文件 夹 ， 选 择 “ 添 加 引用 ”命令 ， 出 现 如 图 10-15 所 示 
的 对 话 框 。 由 于 引用 的 是 同一 个 解决 方案 中 的 项 目 ， 所 以 选择 “解决 方案 ”下 的 “项 目 ”。 


b 程序 集 搜索 解决 方案 [Ctrl+ 日 


4 解决 方案 名 称 路 径 


KPIs.BLL EABaiduYunDownload' 


b COM 
bp 浏览 


ae- 


10-15 添加 引用 对 话 杠 


1 很 多 开发 工具 都 有 解决 方案 的 概念 ， 所 谓 解决 方案 就 是 一 个 或 多 个 项 目的 集合 。 


第 10 章 系统 设计 和 实现 人 

入 选 图 10-15 所 示 的 KPIs.BLL 项 目 后 ， 单 击 “ 确 定 ” 按 钮 ， 在 KPIsWeb 项 目的 “ 引 
用 ”文件 夹 中 就 会 出 现 KPIs.BLL 程序 集 ， 如 图 10-16 所 示 。 

2) DAL 和 BLL 设计 一 

DAL 和 BLL 中 其 实 束 是 类 的 定义 , 所 以 设计 DAL 
和 BLL， 实 际 上 就 是 类 的 设计 ， 可 以 通过 类 图 来 表示 。 
通常 开发 人 员 从 UseCase 入 手 , 考虑 每 个 界面 中 的 业务 
处 理 过 程 ， 从 而 设计 出 Service 类 ， 然 后 根据 Service 类 
和 数据 库 设 计 资 料 设计 DAO 类 。 图 10-17 为 区 PTS 图 10-16 KPIsWeb 项 目的 引用 文件 淆 
BLL 类 图 ， 每 个 Service 类 对 应 一 类 业务 处 理 任务 。 


b ££ Properties 

4 wa 引用 
a KPls.BLL 
“Nicrosott,CSharp 
a System 


BasesService 
| 
| 
+GetAllO 
A < | \ Vv +FindBYIDO 


| +Add0 


+GetAllForDepartment() 
+AddForDepartment() 
+HUpdateForDepartment() 
+DeleteForDepartment() 
+5etCollectorForDepartmentIndex() 
+FindDepartmentIndexByIDO 
+5etDataForDepartmentIndex() 
+GetAllForCollectorO 

+AddData0 

+HUpdateData(0 


+GetAllO 
+GetAllsub0 
+oetAllForLeader() 
+oetAllForCollectorO 


+GetAllForDepartment() 
| 4+FindByIDO 
| +FindForLogin0 


+FindByIDO 

+Add0 +changePassword0 

+Add0 

+HUpdate(0 
+Delete0O 


+DeleteData0 


图 10-17 KePTs 服务 类 图 
每 个 服务 的 详细 描述 由 表 10-1 给 出 。 
表 10-1 服务 类 方法 一 览 表 


服务 类 服务 方法 搬 述 
Department GetAllO 获取 所 有 部 门 
Service GetAllSub() 获取 指定 部 门 的 所 有 下 级 部 门 , 可 以 选择 包含 直 
接 下 级 还 是 所 有 的 下 级 
GetAllForLeader() 获取 指定 部 门 领 寻 的 部 门 , 同样 可 以 选择 是 否 包 
仿 所 有 下 级 部 门 
GetAllForColletorO 获取 指定 收集 人 员 负 责 收 集 的 指标 部 门 
FindByIDO 获取 指定 卫 的 部 门 
Add()、Update)、DeleteQ 新 增 、 更 新 、 删 除 部 门 
Staff GetAllForDepartmentO 获取 指定 部 门 的 所 有 人 员 
Service FindByIDO 获取 指定 DD 的 人 员 
FindForLogin() 根据 用 户 名 和 密码 ， 获 取 指 定 人 员 
ChangePassword() 修改 指定 人 员 的 密码 
Add0、Update0、Delete0) 新 增 、 更 新 、 删 除 人 员 
Index GetAll0 获取 所 有 指标 
Service FindByID() 获取 指定 ID 的 指标 


Add()、Update()、Delete() 
GetAllForDepartment() 


新 增 、 更 新 、 删 除 指标 
获取 指定 部 门 的 所 有 指标 
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服务 类 服务 方法 摘 述 

Index AddForDepartmentO) 为 指定 部 门 添加 指标 

Service UpdateForDepartmentO 更 新 指定 部 门 的 某 个 指标 
DeleteForDepartment() 删除 指定 部 门 的 某 个 指标 
SetCollectorForDepartmentIndex() 为 某 个 部 门 指标 设置 采集 人 员 
FindDepartmentIndexByIDO 获取 指定 ID 的 部 门 指标 
GetDataForDepartmentIndex() 获取 指定 部 门 指标 的 数据 
GetAllForCollectorO 获取 指定 采集 人 员 的 部 门 指标 , 可 限制 指标 部 门 
AddData0、UpdateData0、DeleteData 0 ”新 增 、 更 新 、 删 除 指 标 数 据 

Log GetEntries(O 获取 日 志 条 目 。 可 指定 条 件 : 日 期 范围 ， 部 门 指 

Service 标 
RemoveLog() 删除 日 志 条 目 。 可 指定 条 件 : 日 期 范围 ， 部 门 指 


标 


所 有 的 Service 类 都 继承 BaseService 类 ， 以 便 在 其 中 实现 一 些 公 共 服 务 的 处 理 。 

KPIs DAL， 每 个 DAO 类 对 应 数据 库 中 的 菜 个 表 或 视图 ， 具 体 设 计 在 BLL 实现 过 
程 中 考虑 ， 所 以 不 再 给 出 DAL 类 图 。 

3. 实现 KPIs 的 DAL 

1) LINQ to SQL 

有 很 多 工具 可 以 自动 生成 DAL 代码 ，LINQ to SQL (简称 L2S) 就 是 一 种 。L2S 就 是 
LINQ 聘请 的 一 位 “翻译 大 是”， 它 可 以 日 动 将 LINQ 语句 翻译 成 SQL 语句 。L2S 首先 通过 
编程 语言 创建 对 和 象 模 型 , 接 看 通过 程序 实时 翻译 成 SQL 语句 ， 以 映射 到 关系 数据 库 的 数据 
模型 ， 从 而 实现 对 关系 型 数据 库 的 操作 。 

与 其 他 的 ORM 工具 相 比 ，L2S 允许 以 对 象 访问 方式 来 访问 对 象 模型 ， 而 且 查询 表达 
式 类 似 于 SQL 语句 。 通 过 L2S 可 以 快速 实现 项 目的 DAL 和 Entity。 

在 KPIs.BLL 项 目 中 添加 新 项 ， 选 择 LINQ to SQL 类 模板 如 图 3-1 所 示 ， 输 入 名 称 
DAL.dbml。 创 建 后 ， 双 击 打 开 DAL.dbml 文件 ， 出 现 L2S 设计 占 界 自 ， 如 图 10-18 所 示 。 


4 国 数据 连接 Department 
4 忆 KPls,BLLProperties,Set 

4 羽 妻 
b 国 Department 
b 国 Departmentldx 一- 和 加 各 
b 国 IdxData hb Department ID 
图 Kpildx , | Pp Frequency 
》 图 Log Ek Description | Pb Weight 

包 PF Level | Ek StandValue 

六 Staff 后 Parent ID 后 Collector ID 

b 而 视力 FF NewValue 


bp 着 存储 过 程 下 NewDate 


图 10-18 拖 放 数据 库 表 到 LINQ to SQL 类 设计 器 
由 于 已 经 在 数据 库 中 创建 了 表格 ， 所 以 只 需要 将 服务 占 资 源 官 理 右 中 的 表 和 视图 拖 放 
到 设计 占 中 就 可 以 完成 DAL 的 开发 ， 例 如 将 图 10-18 中 的 Department 和 DepartmengIdx 


1 对 象 关 系 映射 (Object Relational Mapping，ORM、O/RM， 或 O/R mapping) 是 一 种 程序 技术 ， 用 
于 实现 面 加 对象 编程 语言 中 不 同类 型 系统 的 数据 之 间 的 转换 。 
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表 拖 放 到 DAL.dbml 设计 器 中 ， 设 计 器 中 出 现 Department 和 DepartmengIdx 两 个 实体 类 图 
标 ， 以 及 两 者 之 间 的 关联 连 线 。 
将 所 有 需要 用 到 的 表 和 视图 都 拖 到 设计 项 中 ，VS 会 根据 数据 库 中 的 表 或 视图 目 动 生 
成 实体 类 和 数据 库 访问 代码 ， 其 效果 就 是 创建 了 一 个 关系 数据 库 的 “对 象 数据 库 ” 映 像 ， 
供 编程 语言 里 使 用 。 打 开 DAL.dbml 文件 的 下 级 DAL.designer.cs 代码 文件 ， 可 以 看 到 系统 
目 动 生成 了 一 组 类 和 方法 ， 如 图 10-19 所 示 。 
DALdbml DALdesignercs i xX ~ Pp -nx 
ts KPIs.BLLKPISDataC = oo 人 lie-eQ 泊 | 


| Sy¥stenm. 
US1nNe SYSTen 二 上 搜索 解决 方案 资源 管理 器 (Ctrl+ A- 


i 
4 条 DAL.designer.cs 
b sr KPISDataContext 


[global:: System. Data.Ling,. Mappineg. Databasehttribute (HH 


日 Diblic partial class KPlsDataLorntext : oysten, Data,Li 
b #3» Departrment 
by staff 
Private static systenm. Data, Ling. Mappine. Mappirnigso bp Departmentldx 
b # TIdxData 
b fi Kpildx 
public EPISDataCortert () : i: 


| base (global: :KPIs.BLL.Properties. Settings b DeptKpildxview ~ 


Oncreated 0 . 解决 方案 将 大 管理 器 EE 的 


图 10-19”ORM 的 代码 视图 


图 10-19 中 名 为 Department 的 实体 类 对 应 数据 库 中 的 Department 表 , 每 个 Department 
对 象 对 应 表 中 的 一 条 记录 ， 即 一 个 部 门 对 象 。 同 理 ，DepartmentIdx 类 则 对 应 数据 库 中 的 
DepartmentIdx 和 表 ， 每 个 DepartmentIdx 对 象 对 应 其 中 的 一 条 记录 ， 即 部 门 指 数 对 象 …… 

注意 其 中 的 KPISDataContext 类 , 它 是 负责 实现 所 有 数据 库 读 写 操 作 的 数据 上 下 文 闫 。 

2) DataContext 

完成 数据 库 谈 与 的 DAL 方法 是 由 数据 上 下 文 尖 (DataContext)〉 提供 的 ， 操 作 上 述 对 
象 数 据 库 ， 首 先 要 获得 一 个 DataContext 对 象 。VS 目 动 生成 的 DataContext 类 名 是 “L2S 
关 文 件 名 +<DataContextf>”， 单 击 L2S 设计 贷 的 空白 处 选中 该 DataContext 类 , 将 其 “名 称 ” 
属性 设置 为 KPISDataContext。 

取得 DataContext 对 销 后 ， 每 个 数据 表 就 会 映射 到 其 一 个 集合 属性 。 例 如 Department 
表 映 射 成 DataContext 对 象 的 Department 集合 属性 ， 其 中 的 每 一 个 元 素 是 一 个 Department 
类 的 对 象 ， 对 应 表 中 的 一 条 记录 ，Department 类 的 属性 映射 到 记录 的 字段 

通过 对 DataContext 的 集合 属性 操作 就 可 以 实现 对 数据 库 的 操作 ， 苛 本 方法 如 下 。 

狐 增 : 集合 属性 msertOnSubmitO 方 法 可 新 增 记 录 。 注 意 该 方法 对 数据 库 的 操作 不 
会 立即 提交 到 数据 库 ， 要 调用 DataContext 的 SubmitChanges(0) 方 法 才 会 将 改动 提交 到 数 
据 库 。 

(2) 删除 : 集合 属性 DeleteOnSubmitO 方 法 可 删除 记录 ， 同 样 再 要 调用 SubmitChanges(O 方 
法 才 会 将 在 数据 库 中 执行 删除 操作 。 

(3) 修改 : 修改 一 条 记录 需要 首先 获取 相应 的 实体 对 象 ， 然 后 修改 该 对 象 的 属性 ， 最 
后 调用 SubmitChanges() 方 法 将 修改 提交 到 数据 库 。 

(4) 得 询 : 使 用 集合 属性 的 Where(O 方 法 指定 得 询 条 件 ， 方 法 返回 的 得 询 结果 也 是 实 
体 对 象 集 合 ， 但 该 集合 并 不 适合 程序 操作 其 中 的 对 象 ， 通 种 在 返回 结果 上 调用 ToListO 方 
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法 将 其 转换 成 List< 实 体 类 > 的 列表 。 

3) L2S 连接 字符 串 

在 第 一 次 将 数据 库 表 或 视图 拖 放 到 L2S 设计 器 时 ，VS 会 在 项 目 中 自动 添加 配置 文件 
app.config, 并 在 其 中 添加 默认 连接 字符 串 。 读 者 需要 将 其 复制 到 玉 PIsWeb 项 目的 web.config 
中 ， 并 修改 成 相对 路 径 的 形式 : 


<add name="KPIsS .BLL.Properties.Settings.KPIsConnectionstring" connectionstring= 
"Data Source= (LocalLDB) \vll.0;AttachDbrFilename=|DataDirectory|\KPIs.mdf; 
Integrated Security=True;" providerName="System.Data.sgqlClient™ /> 


因为 网 站 运行 时 ， 类 库 项 目 生 成 的 程序 集会 散 入 到 网 站 中 ， 因 此 L2S 谈 取 的 配置 文件 
是 网 站 配置 文件 web.config， 而 不 是 2S 所 在 类 库 项 目的 配置 文件 app.config。 

4. 实现 KPIs 的 BLL 

1) BaseService 类 

在 KPIs.BLL 项 目 中 添加 一 个 BaseService 类 ， 实 现 一 些 腊 音 处 理 、 日 志 记 录 等 BILL 
服务 闫 的 公共 功能 ， 有 具体 的 定义 可 以 根据 需要 随时 添加 ，KPIs 主要 将 其 用 作 工 具 类 。 由 于 
每 个 Service 类 都 需要 通过 DataContext 对 象 来 进行 数据 库 操 作 ， 故 将 DataContext 对 象 定 
义 为 BaseService 类 的 一 个 成 员 变 量 〈 变 量 名 为 db )。BaseService 类 具体 定义 代码 如 下 : 


using System.Security.Cryptography; // 加 密 方法 命名 空间 
namespace KPl1s .BLL 
{ 
Public class BaseService 
{ 
///<summary> 
///DataContext 对 象 
///</summary> 
protected KPISDataContext db = new KPISDataContext (); 
/// <summary> 
/// 获取 字符 串 对 应 的 MD5 摘要 字符 串 
/// </summary> 
public static string GetMd5Password (string password) 
{ 
MD5CryptoServiceProvider md5 = new MD5CryptoSsServiceProvider(); 
byte[] bPass = Encoding.Unicode.GetBytes (password) ; 
string md5Pass = Convert .ToBase64StrlInd (md5.ComputeHash (bPass)); 


return mdbsPass; 


} 

注意 上 述 代码 中 的 GetMd5Password(0 方 法 ， 用 于 将 输入 参数 转换 成 MD5 但 。 当 记录 
用 户 密 人 码 时 先 调用 该 方 法 将 用 尸 输入 的 密友 明文 转换 成 MD5 公 ， 然 后 再 你 存 到 数据 库 ; 
当 校 验 用 尸 密码 是 耕 正 确 时 ， 也 需要 先 将 用 尸 输入 的 密码 明文 转换 成 MD5 但 ， 然 后 和 数 
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据 库 中 的 MD5 码 进 行 比 对 。 这 就 是 MD5 用 户 密码 校 验算 法 。 

MD5 加 密 算 法 的 特点 是 无 法 根据 MDS5 码 还 原 出 加 密 前 的 明文 ， 用 于 保存 用 户 密码 可 
以 提 融 安 全 性 ， 防 止 用 户 密 人 码 的 意 漏 。 

2) DepartmentService 类 

下 而 以 DepartmentService 类 为 例 ， 说 明 如 何 实现 KPIs 的 BLL。 在 KPIs.BLL 项 目 中 
添加 DepartmentService 类 ， 相 应 的 框架 代码 为 

using System.Ling; 

using System.Data.Linq; //L2S 文 持 的 命名 空间 

namespace 上 人 FTsS.BLD 


{ 
public class DepartmentSsService : BaseService 
{ 
， 

} 


对 照 表 10-1 逐一 实现 每 个 服务 方法 ， 例 如 获取 所 有 部 门 的 GetAlO 方 法 代 公 为 


public List<Department> GetAll () 
{ 

return db.Department.ToList(); // 调 用 db .Department 属性 的 ToList() 方 法 
} 


上 述 代 码 直 接 使 用 了 db 对 象 的 Department 集合 属性 ， 调 用 ToList0 方 法 将 其 转换 为 
List<Department> 类 型 的 列表 ， 这 就 是 L2S 获取 数据 库 某 张 表 中 所 有 记录 的 方法 。 

3) 实现 GetAllSub0 方 法 

狭 取 所 有 下 级 部 门 的 业务 分 为 4 种 情况 ， 表 10-2 给 出 了 4 种 情况 和 相应 的 实现 思路 。 


表 10-2 获取 下 级 部 门 的 4 种 情况 


包含 本 部 门 ” 台 归 获取 买 现 思路 
不 包 合 递归 : 所 有 后 代 部 门 利用 Path 字段 。 因 为 所 有 后 代 的 Path 都 以 指定 部 门 的 Path 


开头 , 所 以 可 以 用 SQL 的 LIKE 比较 符 实现 。LINQ 中 通过 
StartsWithO 方 法 达到 同样 的 效 采 
非 递 归 : 仅 直 接 下 级 部 门 ” 利用 Parent ID 字段 ， 直 接 确定 直接 下 级 部 门 
人 


DepartmentService 类 中 GetAllSub0 方 法 具体 代码 如 下 : 


/// <summary> 

/// 获取 指定 部 门 的 所 有 下 级 部 门 

/// </summary> 

/// <param name="deptID"> 指 定 部 门 ID。</param> 

/// <param name=nwithSe1l1fn"> 是 否 包含 指 定 部 门 本 身 。</param> 

/// <param name="isRecursive">true， 建 归 獒 取 所 有 下 级 部 门 。</param> 
public List<Department> GetAllSubl(int deptID, bool withself, 


bool isRecursive) 
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{ 
Department dept = qb .Department .FirstorDefault(d => d.ID == deptID); 
/ /指定 部 门 对 象 
1f (dept == null) return null; 


List<Department> result = null; 
if (isRecursive) // 包 含 所 有 下 级 部 门 


{ 
result = db.Department .Where(d => d.Path.startswWith (dept.Path + 
Consts .PathSeparator) ) .ToList (); // 利 用 Path 实现 
} 
else // 仪 包含 直接 下 级 部 门 
{ 
result = db.Department .Where(d => d.Parent ID 一 GeptID) .ToList (}; 
} 
if (withSelf) // 若 withSelf 为 真 ， 应 包含 该 部 门 本 身 ， 插 入 本 部 门 
{ 
result.TInsert (0, dept); 
} 


return result: 


} 


上 述 代 人 码 中 ，db.Department.Where() 方 法 中 的 条 件 表达 式 称 为 lambda 表达 式 : 首先 用 
一 个 例子 变量 (例如 这 里 的 d) 表示 集合 中 的 非特 定 对 象 ， 然后 用 “=>” 符 号 带 出 后 续 的 
逻辑 表达 式 ; 逻辑 表达 式 为 标准 的 C# 逆 辑 表 达 式 ,而 且 表 达 式 中 可 以 引用 例子 变量 ,这 表 
示 结 果 集 合 中 的 每 个 对 象 都 必须 满足 该 逻辑 表达 式 。L2S 可 以 在 数据 库 表 对 应 的 集合 对 象 
(例如 db.Department) 上 执行 Where(O 方 法 来 实现 条 件 和 查询 ， 返 回 的 驶 是 满足 条 件 的 对 象 集 
合 ， 同 样 需要 用 IoListO 方 法 将 该 集合 转换 成 列表 。 

其 他 BLL 的 碍 询 方法 可 以 用 相同 的 思路 实现 ， 不 再 重复 介绍 。 

4) 实现 增删 改 

以 StaffService 类 为 例 ， 说 明 如 何 实现 CUD 操作 。 例 如 新 增 人 员 方 法 的 代码 如 下 : 


public int Add (string name, string userName, string JobTitle, 
bool isAdmin, bool isLeader, int departmentID) 
{ 
string password = BaseService.GetMd5Password ("123"); 
// 默 认 密 码 123， 存 放 MD5 码 
Staff staff = new Staff() /7/ 创 建新 的 人 员 对 人 象 
{ // 使 用 参数 值 设置 对 象 的 属性 
Name = name, UserName = userName, JobTitle = JobTitle, IsAdmin = 1sAdmin, 
IsLeader = lisLeader, IsCollector = isCollector., Department ID = 
departmentID, Password = password 
}; 
db.staff.Insertonsubmit (staff); // 回 Staff 集合 添加 这 个 新 的 对 象 
db.submitChanges () ; // 正 式 写 入 数据 库 
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return 1;} 


} 


上 述 代 人 码 通 过 3 个 步骤 癌 数 据 库 Staff 表 中 新 增 记录 : 首先 创建 Staff 对 象 ， 然 后 调用 
集合 属性 db.Staf 的 msertOnSubmit0 方法 加 集合 中 添加 这 个 对 象 ， 最 后 调用 
db.SubmitChanges(0 方 法 将 所 有 变动 提交 到 数据 库 。 如 条 需要 添加 多 条 记录 ， 则 需要 创建 多 
个 对 象 ， 执 行 多 次 InsertOnSubmit() 方 法 ， 但 只 要 需要 执行 1 次 SubmitChanges() 方 法 。 

注意 KPls 中 用 户 处 理 的 业务 逻辑 : 用 户 束 是 人 员 即 Staft)， 且 所 有 用 户 都 是 由 管理 
员 负 责 维护 ， 不 允许 自行 注册 。 

修改 记录 仍然 需要 通过 3 个 步骤 完成 : 首先 用 FirstOrDefault(O 方 法 获取 需要 修改 的 对 
象 ,， 然后 修改 这 个 对 象 的 属性 ， 最 后 再 用 db.SubmitChanges(0) 方 法 提交 修改 到 数据 库 。 例 如 
StaffService 类 中 修改 人 员 资 料 的 Update0 方 法 详细 代码 如 下 : 


public int Update (Int staffID, string name, string JobTitle, 
bool isAdmin, bool isLeader, int deptId) 


/ /根据 用 户 ID 获取 人 员 对 象 

Staff staff = db.staff.FirstoOrDefault(d => d.ID == StaffID) ; 
if (staff == null) return 0;  // 找 不 到 该 人 员 对 和 象 

// 修 改 这 个 对 象 

staff.Name = name; 

staff.UserName = userName; 

staff.JobTitle = JobTitle; 

staff.IsAdmin = 1i1sAdmin; 
3 
3 


taff.IsLeader = lsLeader; 
taftf.IsCollector = isCollector; 
staff.Department ID = deptIgd; 
db. nim enandesl - / /保存 到 数据 库 
return 1; 
} 
考虑 到 用 户 信息 一 旦 确定 就 不 允许 管理 员 随 意 修改 ， 所 以 上 述 Update0 方 法 并 不 修改 
人 员 的 用 户 名 和 密码 。 注 意 其 中 调用 了 L2S 的 FirstOrDefault0 方 法 ， 其 用 法 和 Where() 方 
法 一 致 ， 但 仅 返 回 满足 条 件 的 第 1 个 对 象 ， 如 果 没 有 满足 条 件 的 对 象 ， 则 返回 null。 
删除 记录 通 利 只 再 要 提供 记录 DD 字段 什 ， 但 L2S 中 需要 先 获 取 删 除 对 销 ， 然 后 再 用 
DeleteOnSubmit(O 方 法 从 集合 中 移 除 这 个 对 象 ， 最 后 同样 再 要 调用 db.SubmitChanges0 方 法 
提交 删除 操作 到 数据 库 。 例 如 ，StaffService 类 中 的 Delete0 方 法 代码 如 下 : 


/// <summary> 

/// 删除 人 员 

/// </summary> 

/// <param name="staffID"> 人 员 ID。 </param> 
public int Delete(int staffID) 

{ 
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/ /根据 用 户 ID 获取 人 员 

Staff staff = db.sStaff.FirstorDpefault(d => d.ID == staffID}):; 
if (staff == null) return 0; // 找 不 到 该 人 员 对 象 
db.staff.Deleteonsubmit (staff).; 

db.submitcChanges () ; 

return 1; 


} 


由 于 用 户 密 但 再 要 经 过 MD5s 加 密 , 所 以 在 StaffService 类 中 单独 实现 ChangePassword() 
修改 密码 方法 ， 上 基体 代 人 码 如 下 : 


// <summary> 

/// 修改 指定 人 员 的 密码 

/// </summary> 

/// <param name="staffID"> 人 员 ID。 </param> 
/// <param name="password"> 新 密 个 。</param> 


public int ChangePassword(int staffID, string password) 


| 
Staff staff = db.staff.FirstOrDefault(d => d.ID == staffID}):; 
if lstaff == null) return 0: /7/ 找 不 到 该 人 员 对 象 


password = BaseService.GetMd5Password (password); // 密 码 加 密 后 存放 
staff.Password = password; 

db.sSubmitChanges (); 

return 1; 


} 
KPIs 的 所 有 BLL 方法 部 可 以 用 这 样 的 思路 来 实现 ， 请 读者 在 后 续 开 发 中 逐步 完成 所 
有 BILL 服务 类 的 开发 。 


5.。 指标 管理 页 面 

9.2 中 将 Kpildx 指标 表 分 解 为 新 的 Kpildx 指标 表 和 DepartmentIdx 部 门 指标 表 ， 为 
比 需要 增加 指标 管理 的 功能 模块 。 将 原来 的 指标 管理 模块 改名 为 部 门 指标 管理 模块 ， 新 增 
指标 管理 模块 页 面 文件 Admin/KpiManage.aspx。 注 意 更 新 KPTs 的 设计 文档 ， 反 映 上 述 修改 。 

还 再 要 对 Site.master 母 成 页 中 的 染 单 项 进行 修改 ， 为 相应 的 页 面 代 但 增加 如 下 扩容 : 


<asp:HyperLink ID="hlIndexManage" NavigateUrl="~/Admin/IndexManage .aspx" 
runat="server"> 部 门 指 标 </asp:HyperLink> 

<asp:HyperLink ID="hlKpiManage" NavigateUrl="~/Admin/KpiManage.aspx" 
runat="server"> 指 标 管理 </asp:HyperLink> 


10.3 ”用户 登录 和 权限 


1。 完善 Login.aspx 页 面 

1) 校 验 控 件 

用 户 输入 数据 的 初步 校 验 和 转换 通常 由 UI 负责 ， 最 基本 的 输入 数据 校 验 任务 就 是 检 
但 用 户 输入 数据 是 个 符合 格式 要 求 。 例 如 日 期 格式 是 否 正 确 、 数 字 文 本 框 不 允许 录入 字母 
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等 。 在 用 户 登 录 界 面 ， 一 般 要 求 用 户 名 和 密码 不 能 为 空 。 
对 于 Web 应 用 来 说 ， 校 验 分 为 客户 端 和 服务 端 。 客 户 端 校 验 就 是 在 浏览 右 中 进行 数据 
校 验 ， 服务 羡 校 验 则 是 在 浏览 器 将 请 求 提交 到 Web 服务 器 后 才 进 行 数 据 检 查 。 显 然 客户 六 
ASPNET 提供 的 校 验 控件 可 以 完成 绝 大 部 分 的 输入 数据 校 验 任务 ， 具 体 如 表 10-3 所 示 。 


表 10-3 ASPNET 校 验 控件 


验证 类 型 使 用 的 控件 说 明 

必 填 字段 验证 RequiredFieldValidator 确保 用 户 不 会 跳 过 某 一 项 输入 

比较 验证 Compare Validator 将 用 户 输入 与 一 个 常数 值 或 男 一 个 控件 或 特定 数据 
类 型 的 值 进行 比较 (使 用 小 于 、 等 于 或 大 于 等 比较 
运算 符 ) 

光 围 验证 RangeValidator 检查 用 户 的 输入 是 否 在 指定 的 上 下 限 内 。 可 以 检查 


数字 对 、 字 母 对 和 日 期 对 限定 的 范围 

正则 表达 式 验证 RegularExpressionValidator 检查 项 与 正则 表达 式 定 义 的 模式 是 否 匹 配 。 此 类 验 
证 能 够 检查 可 预知 的 字符 序列 ， 如 电子 邮件 地 址 、 
电话 号 码 、 邮 政 编 码 等 内 容 中 的 字符 序列 


自 定 义 验 证 CustomValidator 使 用 自己 编写 的 验证 逻辑 检查 用 户 输入 
验证 结 来 显示 ValidationSummary 以 摘要 的 形式 显示 页 面 上 所 有 验证 控件 的 验证 错误 


为 确保 用 户 输入 用 户 名 和 密码 后 才能 提交 登录 请 求 ， 在 Login.aspx 页 面 中 添加 必 填 字 
段 验 证 控件 ， 下 面 是 再 要 改动 部 分 的 页 面 代码 ; 


<li><span class="login label"> 用 户 : </span> 
<asp:TextBox ID="tbUserName" CssClass="]ogin username" runat="server" 
MaxLength="15"></asp: TextBox> 
<asp:RequlredFieldVvalidator ID="rvUserName" 
runat="server" ErrorMessage=" 请 输入 用 户 名 。" Text="*" Display="Dynamic" 
ControlToValidate="tbUserName™" CssClass="promptText"> 
</asp:RegquiredFieldValidator> 
</11> 
<li><span class="login Label"> 密 但 : </span> 
<asp:TextBox ID="tbPassword"” CssClass="1ogln password" runat="server" 
MaxLength="]5" TextMode="Password"></asp:TextBox> 
<asp:RequlredFieldVvalidator ID="rvPassword" 
runat="server"” ErrorMessage=" 请 输入 密码 。"™ Text="*" Display="Dynamic" 
CssClass="promptText™" ControlToVallidate="tbPassword"> 
</asp:RequlredFieldValidator> 
</11> 


上 述 代 人 码 和 原来 的 页 面 代码 相 比 ， 增 加 了 两 个 RequiredFieldValidator 控件 ， 也 就 是 必 
填 字 段 校 验 控件 。 必 填 校 验 控 件 的 重要 属性 如 下 。 

(1 ) ControlIoValidate: 1 个 必 填 校 验 控件 负责 校 验 1 个 输入 控件 ， 该 属性 用 于 指定 被 
校 难 控件 的 卫 属性 值 。 例如 上 述 代 人 码 中 有 D=rvUserName 的 校 验 探 件 ， 其 ControlToValidate 
属性 值 为 t 了 UserName, 所 以 被 校 验 控 件 就 是 ID=tbUserName 的 控件 ,也 就 是 用 户 名 输入 框 。 
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(2) ErrorMessage: 指定 当 校 验 未 通过 时 显示 给 用 户 的 提示 信息 ， 该 信息 会 显示 在 校 
验 结 果 显 示 控 件 ValidationSummary 中 。 如 果 没 有 显示 控件 ,提示 信息 束 不 会 显示 , 但 用 户 
仍然 无 法 提交 请 求 ， 这 可 能 会 让 用 户 感到 困惑 。 

(3) Text: 设置 校 验 控 件 的 显示 文本 。 就 像 Label 控件 一 样 ， 校 验 控件 也 是 可 显示 的 ， 
显示 内 容 就 是 Text 指定 的 文本 。 

(4) Display: 指定 校 验 控件 的 显示 方式 。Static 表示 一 直 显 示 Text 属性 值 ，Dymatic 
表示 只 有 校 验 失 败 时 才 显 示 ，None 表示 不 显示 。 

使 用 了 上 述 校 验 控 件 后 ， 如 果 用 户 没 有 输入 用 尸 名 和 密码 ， 则 单 击 “ 登 录 ” 按 钮 后 ， 
页 和 面 显 示 的 效果 如 图 10-20 所 示 ， 在 输入 框 后 面 出 现 了 校 验 控 件 的 文本 “*?”， 且 浏览 需 不 
会 问 服务 器 发 出 登录 请 求 。 


图 10-20” 必 填 校 验 控 件 的 效果 


2) 号 份 验证 
为 登录 页 面 的 “登录 ”按钮 添加 单 击 事件 处 理 ， 完 成 用 户 登 录 请 求 的 处 理 ， 有 具体 代码 
如 下 : 


protected vold btLogin Click(object sender, ImageClickEventArgs e) 


{ 
StaffService svr = new StaffService (); 
Staff staff = svr.FindForLogin (tbhUserName.Text, tbPassword.Text); 
if (staff == null) lbPrompt .Text = "用 户 名 或 密码 错误 。"; // 登 录 和 失败 
else // 登 录 成 功 ， 根 据 用 户 角色 跳 转 到 对 应 的 页 面 。 
{ 
if (staff.IsAdmin) Response.Redirect ("~/Admin/KpiManage .aspx"); 
else 1if (staff.IsLeader) Response.Redirect ("~/Index/L1ist.aspx"); 
else Response.Redirect ("~/Collect/List.aspx"); 
} 
} 


上 述 代 码 调 用 了 BLL 层 StaffService 类 中 的 FindForLogin0 方 法 ， 具 体 代码 为 


/// <summuary> 
/// 根据 用 户 名 和 密码 获取 人 员 ， 失 败 返 回 null。 
/// </summary> 
public Staff FindForLogin (string userName, string password) 
{ 
/ /根据 用 户 名 获取 人 员 
Staff staff = db.staff.FirstoOrDefault(d => d.UserName == userName).:; 
/ /检查 密码 是 否 匹 配 (加 密 后 ) 
1f (staff != null 
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&& staff.Password == BaseSerVlce .GetMd5Password (password)) 


{ 
return staff,; 
} 
return null; 
} 
从 上 述 代 人 码 可 以 看 到 三 层 架 构 的 优 扫 : 每 一 层 的 任务 部 非 第 消 晰 。 显 然 ， 只 要 把 每 一 


层 方 法 的 名 称 、 参 数 、 任 务 都 定义 清楚 ， 如 可 以 由 不 同 的 人 员 分 工 合作 、 并 行 开 发 。 

3) 应 用 权限 控制 

登录 进行 刁 份 验证 的 目的 是 为 了 能 够 进行 应 用 权限 的 控制 。 喘 份 验证 是 第 1 步 : 当前 
是 哪个 用 户 在 访问 系统 ?应 用 权限 控制 是 第 2 步 : 是 否 允 许 该 用 户 的 请 求 ? 虽然 在 身份 验 
证 的 处 理 中 根据 用 户 角 色 跳 转 到 了 相应 的 页 面 ， 但 并 不 意味 看 实现 了 权限 控制 。 例 如 ， 目 
前 的 KPIls 系统 ， 即 使 没有 登录 ， 只 要 在 浏览 器 地 址 栏 输入 页 面 URL 就 可 以 直接 访问 这 个 
页 面 。 

可 见 ， 对 于 需要 限制 用 户 访 问 的 页 面 ， 在 收 到 用 己 访问 请 求 时 ， 必 须 检 碍 请 求 用 户 的 
身份 信息 ， 以 确定 是 否 允许 该 请 求 。 因 此 ， 完 成 身份 认证 后 需要 将 该 身份 认证 信息 保存 起 
来 ， 供 所 有 页 面 检查 。 

在 KPIs 系统 中 ， 所 有 的 页 面 都 继承 目 PageBase 关 ， 那 是 不 是 可 以 在 PageBase 中 定义 
一 个 静态 属性 〈 相 当 于 全 局 变量 )， 用 于 保存 身份 认证 信息 呢 ? 例如 为 PageBase 类 增加 
CurrUser 神态 属性 ， 具 体 代 人 码 为 

public class PageBase : System.Web.UI.Pade 

{ 

Protected static Staff CurrUser { get; set; } 

} 

然后 修改 所 有 页 面 的 人 代码， 继承 PageBase， 例 如 修改 Login.aspx 页 面 的 代位: 

public partial class Login : PageBase { *“… } 

接 看 修改 “登录 ”按钮 的 处 理 代码 ， 在 登录 成 功 后 ， 保 存 用 户 信 息 ， 代 公 为 

protected vold btLogin Click(object sender, ImageClickEventArgs e) 


{ 


else // 登 录 成 功 ， 根 据 用 户 角 色 跳 转 到 对 应 的 页 面 
{ 
PagqeBase .CurrUser = staff; // 保 存 当 前 用 户 信息 


} 


最 后 ， 在 任意 页 面 中 孝 可 以 通过 访问 PageBase.CurrUser 静态 属性 来 获取 当前 用 户 信 
上 县。 例如 ， 在 指标 管理 页 面 KpiManage.aspx 的 Page Load(0 方 法 中 ， 检 三 当 前 用 户 是 否 是 
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管理 员 ， 如 果 不 是 ， 则 跳 转 到 登录 页 面 ， 具 体 代码 为 


1f (PageBase.CurrUser == null || !'PageBase.CurrUser.IsAdmin) 
{ 

Response.Redirect ("~/Login.aspx"); 
} 


这 样 修改 后 ， 用 户 如 果 直 接 输入 页 面 URL， 则 PageBase.CurrUser 静态 属性 值 为 null， 
所 以 会 跳 转 到 Login.aspx 页 面 ， 从 而 阻止 非法 的 页 面 访问 。 

2. 状态 管理 

1) 网 站 应 用 运行 方式 

上 述 代 码 中 ， 登 录 页 面 和 权限 控制 的 总 体 思路 是 正确 的 ， 单 机 测试 也 会 正常 通过 ， 但 
对 于 网 站 应 用 来 说 ， 该 代码 有 一 个 重大 漏洞 :对 于 一 个 网 站 应 用 来 说 ， 处 理 不 同 用 户 请 求 
的 是 运行 在 Web 服务 费 中 的 同一 个 应 用 程序 ， 如 图 10-21 所 示 。 


Web 服务 需 KPIs 网 站 应 用 程序 


10-21 KPIs 网 站 应 用 程序 和 客户 端的 对 应 关系 


如 果 没 有 深刻 理解 网 站 应 用 的 运行 方式 ， 开 发 人 员 容 易 写 出 似是而非 的 代码 ， 例 如 上 
面 登 录 代 人 码 可 能 发 生 用 户 信 息 被 覆盖 的 错误 。 当 系统 管理 员 Admin 从 一 台电 脑 登 录 后 ， 
PageBase.CurrUser 中 就 是 Admin 的 信息 ， 此 时 所 有 访问 KPIs 系统 的 人 员 都 会 被 当 作 
Admin 。 

显然 ， 使 用 全 局 变量 保存 吴 份 认证 信息 是 不 可 行 的 ， 孝 虑 使 用 页 面 属 性 来 保存 身份 认 
证 信息 。 为 此 ， 修 改 PageBase 类 中 的 议 仿 属性 CurrUser 为 尖 属 性 : 

public Staff CurrUser { get; set; } 
也 束 是 去 挥 static 修饰 从 ,然后 将 所 有 原来 PageBase.CurrUser 的 代 人 码 部 修改 成 this. 
CurrUser。 例 如 ,“ 登 录 ” 控 钮 事件 处 理 中 保存 用 户 信 息 的 代 公 修改 为 

protected void btLogin Click(ocobject sender, ImageClickEventArgs e) 


| 


else  // 登 录 成 功 ， 根 据 用 户 角 色 跳 转 到 对 应 的 页 面 
{ 
this .CurrUser = staff; // 保 存 当 前 用 户 信 息 
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} 


上 述 修 改 犯 了 另 一 个 错误 ， 因 为 网 站 应 用 本 质 上 是 无 状态 的 ， 即 每 次 请 求 的 页 面 对 象 
都 是 一 个 新 实例 ， 其 中 的 属性 会 被 初始 化 。 例 如 ，ASPNET 页 面 对 象 生存 周期 如 图 10-22 


所 示 o 
页 面 初始 化 控件 加 载 
Page_ Prelnmit Page [mt 


Re t 
一 人 | 创建 页 面 对 象 


Response 


芭 载 页 面 对 刘 |. , re 
Page Unload 持 示 页面 生成 


页 面 加 载 
Page Load 


图 10-22 ASPNET 页 面 对 象 生命 周期 示意 图 


以 Login.aspx 为 例 说 明 ASPNET 页 面 对 象 生成 周期 。 

(1) 当 用 户 输入 用 户 名 、 密 但 单 击 “ 登 录 ” 按 钮 后 ， 浏 览 苍 癌 服 务 堪 及 出 请 求 ， 请 求 
页 面 仍然 是 Login.aspx 贝 面 。 

(2) 创建 Login 页 和 面 对 象 ， 然 后 把 Request、Response 等 属性 都 设置 好 。 

(3) 完成 页 面 中 各 控件 的 构建 ， 然 后 调用 页 面 对 象 的 Page Load() 方 法 。 

(4) 执行 页 面 中 的 各 事件 处 理 方法 ， 在 Login 页 面 中 就 是 “登录 ”按钮 的 单 击 事件 处 
理 方法 btLogin Click0O。 

(5) 生成 结果 页 面 (一 般 是 HTML 页 面 )， 将 该 结果 页 面 发 回 给 请 求 的 浏览 苍 。 

(6) 完成 发 送 后 ， 季 载 该 页 面 对 象 ， 清 理 属 性 〈 包 括 Request、Response 等 )。 

所 以 ， 当 服务 耸 把 生成 的 页 面 发 送 给 客户 员 后 ， 整 个 页 面 对 象 被 删除 ， 傈 存在 页 面 对 
得 中 的 喘 份 认证 信息 也 束 丢 失 了 。 

由 此 可 见 ， 使 用 网 站 应 用 的 静态 属性 ， 则 该 静态 属性 的 作用 范围 为 所 有 用 户 的 所 有 请 
求 ， 作 用 范围 过 大 ;如 有 果 使 用 页 面 对 象 属性 ， 则 该 属性 的 作用 范围 仅仅 是 这 个 页 面 的 这 次 
请 求 ， 作 用 范围 过 小 。 

2) 实现 状态 管理 

为 了 能 让 Web 应 用 系统 正音 工作 , 很 多 时 候 需 要 在 用 户 不 同 的 请 求 乙 间 传递 霖 个 状态 
(数据 )。 例 如 身份 认证 要 求 用 户 登 录 后 ， 该 用 户 所 有 后 续 请 求 都 市 有 这 个 用 户 的 身份 认证 
状态 。 为 此 ， 有 必要 对 无 状态 的 Web 页 面 工 作 方 式 进行 变通 ， 实 现状 态 管理 。 

实现 状态 管理 的 方法 有 很 多 ， 根 据 状态 信息 保存 的 位 置 ， 可 以 分 为 客户 端 和 服务 端 两 
大 类 ， 表 10-4 给 出 了 ASPNET 中 文 持 的 音 用 状态 管理 方法 。 


表 10-4 常用 状态 管理 方法 


位 置 方法 说 明 作用 范 
客户 端 ” HiddenField 隐藏 控件 ， 回 服务 器 提交 页 面 请 求 时 ， 隐 藏 控件 ”从 包含 隐藏 控件 的 页 
网 页 中 的 内 容 和 其 他 控件 一 同 发 送 , 可 以 在 其 中 保存 ”和 面 到 接收 表单 的 页 面 
任何 信息 
QueryString 查询 字符 串 、URL 结尾 附加 的 信息 从 碍 询 字 符 串 超 链 接 页 


面 到 URL 请 求 的 页 面 
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位 置 方法 说 明 作用 范 

客户 端 ”WiewState 每 个 ASPNET 页 面 都 有 一 个 _ViewsState 隐藏 控 对 同一 个 页 面 的 连续 
网 页 件 用 于 保存 页 面 状态 ， 称 为 状态 包 (StateBag) ” 请 求 

客户 端 ” Cookie 服务 器 可 随 页 面 发 送 给 浏览 器 少量 数据 , 浏览 器 ”Cookie 有效期 内 , 该 用 
文件 将 其 保存 在 文本 文件 或 内 存 中 , 称 为 Cookie。 当 ” 户 的 所 有 请 来 


浏览 器 请 求 该 网 站 任何 页 面 时 ， 都 会 将 该 网 站 的 
Cookie 和 请 求 一 同 发 送 给 服务 器 

服务 器 。” ApplicationState ”应 用 程序 状态 。 网 站 应 用 程序 的 一 个 全 局 变量 ， 所 有 用 户 的 所 有 请 求 
可 以 在 其 中 保存 任何 信息 

SessionState 会 话 状 态 。 用 户 打开 浏览 器 开始 癌 服务 器 发 出 请 ”一 次 会 话 中 的 所 有 请 求 

求 , 到 这 个 浏览 器 被 关闭 , 称 为 一 次 浏览 器 会 话 。 
会 话 状 态 可 以 为 每 个 活动 (进行 中 ) 的 会 话 保存 
任何 信息 


开 肥 人员 选择 状态 管理 方法 ， 首 先 需要 考 碟 其 作用 范 围 。 例 如 MPMM 中 ,记录 卫 子 
段 值 仅 用 于 生成 录入 页 面 和 保存 页 面 ， 可 以 使 用 HiddenField、QueryString 或 ViewState。 
对 于 身份 认证 信息 ， 需 要 的 作用 范围 是 该 用 户 的 所 有 请 求 ， 所 以 可 以 使 用 Cookie 或 
SesslonState。 如 果 需 要 路 用 户 之 间 的 信息 传递 ， 应 该 使 用 ApplicationState。 

其 次 需要 考虑 性 能 问题 : 如 果 选 择 客 户 山 方法 ， 则 每 次 请 求 都 需要 将 状态 从 客户 冰 传 
加 到 服务 病 ， 消 耗 的 是 网 络 资源 ， 如 果 选 择 服务 剖 方 法 ， 则 会 增加 服务 占 资 源 的 消耗 。 

再 者 考虑 安全 问题 ， 将 状态 保存 在 客户 端 可 能 造成 信息 泄露 ， 也 容易 被 伪造 ， 保 存在 
服务 名 端 ， 通 第 没有 这 个 问题 。 不 过 安全 回 题 可 以 通过 加 密 的 手段 来 解决 。 

上 述 状 态 管 理 方 法 中 ，ViewState 和 ApplicationState 的 数据 结构 都 是 哈 希 表 ， 例 如 储 
存 信 息 到 ApplicationState 的 代 公 为 


int cnt = 0; 
1f (Application["UserCount"] != null) 
//ApplicationSstate 中 是 否 保 存 了 Usercount 的 值 
{ 
cnt = (int)Application["UserCount"]; // 从 ApplicationState 中 获取 这 个 值 
} 
Application["UserCount"] = (cnt + 1); //UserCount+1, 保存 到 ApplicationState 中 


上 述 代 人 码 中 的 Application 为 页 面 对 象 属性 ， 通 过 该 属性 访问 的 就是 ApplicationState 
这 个 全 局 应 用 程序 状态 变量 ， 所 以 上 述 代 码 可 以 在 页 面 方法 中 正 种 执行 。 

ViewState 也 是 页 面 必 性， 访问 方法 和 Application 完全 相同 ， 但 访问 的 仅仅 是 该 页 面 
的 状态 包 。 为 外 ViewState 中 只 能 保存 简单 但 ， 无 法 直接 保存 对 象 。 可 以 用 ViewState 代 符 
HiddenField 控件 ， 而 且 相 对 方便 一 些 。 

3. 实现 身份 验证 状态 

1) 使 用 Session 状态 

SessionState 和 ApplicationState 一 样 ， 采 用 Hashtable 数据 结构 ， 也 可 直接 保存 对 象 。 
使 用 SessionState 保存 身份 认证 信息 可 以 二 接 将 整个 用 户 对 象 保 人 存 到 SessionState 中 。 修 改 
前 述 PageBase 类 中 CurrUser 属性 的 定义 ， 利 用 get 和 set 方法 ， 将 号 份 认证 信息 修改 为 你 
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存在 SessionState 中 ，CurrUser 属性 定义 的 具体 代码 为 


public Staff CurrUser 


{ 
get 
{ 
// 从 Session 中 读 取 当前 用 户 值 ， 转 换 成 Staff 类 型 
staff staff = Session[Consts.CurrUserKey] as Staff; 
return stafrf,; 
} 
set 
{ 
/ /保存 到 Session 中。 若 value=nul1l 就 是 清除 
Session[Consts.CurrUserKey] = value; 
} 
} 


修改 完 CurrUser 属性 的 get 和 set 方法 ， 无 须 修改 其 他 使 用 CurrUser 属性 的 代码 。 例 
如 ， 登 录 页 面 中 登录 成 功 后 保存 喘 份 认证 信息 的 代码 无 须 改 变 ; KpiManage.aspx 中 检查 吴 
份 认证 信息 的 代码 也 无 须 改变 。 这 是 使 用 属性 而 不 是 成 员 变量 的 优势 之 一 。 

上 述 代码 中 的 Consts.CurrUserKey 为 字符 串 常量 , 直接 使 用 Session["CurrUser"] 这 样 的 
立即 数 方式 是 不 规范 的 ， 应 该 用 稼 量 代 蔡 。 所 以 在 KPIs.BLL 项 目 中 创建 一 个 名 为 Consts 
的 议 态 类 ， 归 集 整 个 系统 中 的 常量 ， 具 体 代码 如 下 : 


public static class Consts 
{ 

/// <summary> 

/// 部 门路 径 中 的 分 陋 符 

/// </summary> 


public const string PathSeparator = "™/"; 


/// <summary> 

/// Session/Cookie 保存 当前 用 户 的 Key 

/// </summary> 

public const string CurrUserKey = "CurrUser"; 


} 


Site.master 中 需要 显示 当前 用 户 的 信息 以 及 可 用 的 主 沫 单项 ， 相 应 的 代码 定义 在 该 母 
版 页 Page_Load() 方 法 中 。 母 版 页 对 象 也 有 Session 属性 ， 可 以 直接 使 用 ， 有 具体 代码 为 


protected vold Page Load(object sender, EventArgs e) 
{ 
if (!Page.IsPostBack) 
{ 
/ /获取 保存 在 Session 中 的 当前 用 户 对 象 


staff user = Session[Consts.CurrUserKey] as Staff; 


182 


Web 程序 设计 ASP.NET 项 目 实 训 


1f (user != null) 


{ 
/ /设置 母 版 页 上 的 用 户 名 显示 文本 
lbUserName.Text = string.Format ("{0}[{1}]", user.Name, 


user.UserName); 
SetMenuByRights (user.IsAdmin, user.IsLeader); // 设 置 主 菜单 


} 


上 述 代 码 中 的 SetMenuByRishts0 用 于 设置 主 沫 单 ， 即 根据 用 户 角 色 确 定 可 见 超 链 接 ， 
具体 定义 如 下 : 


private Vold SetMenuByRights (bool 1isAdmin, bool isLeader) 


{ 
hl1DeptManade.Visible = isAdmin; / /管理 员 可 管理 部 门 
hlIindexManage.Visible = isAdmin; / /管理 员 可 管理 部 门 指标 
hlKpiManage .Visible = isAdmin; / /管理 员 可 管理 指标 
hlstaffManage.Visible = isAdmin; / /管理 员 可 管理 人 员 
hlLog.Visible = isAdmin || isLeader; // 管 理 员 或 部 门 领导 可 查看 日 志 
hl1Index-Visible = isLeader; / /部 门 领 导 可 分 析 指 数 
hlCollect .Visible = true; // 所 有 人 都 可 能 进行 数据 采集 

} 


男 外 ， 母 版 页 中 还 有 一 个 注销 用 户 的 超 链接 按钮 ， 单 击 该 按钮 可 清理 身份 认证 信息 ， 
相应 的 事件 处 理 代 人 码 如 下 : 


protected void btLogout Click(object sender, EventArgs e) 

{ 

Session[Consts.CurrUserKey] = null;  // 清 空 身 份 认证 信息 
Response.Redirect ("~/Login.aspx"); / /退回 登录 页 面 

} 

2) 使 用 Cookie 

Cookie 则 是 由 客户 端 浏览 器 负责 管理 的 ， 其 使 用 方法 和 其 他 状态 管理 方法 有 所 不 同 。 
浏览 器 对 Cookie 大 小 有 限制 ,只 有 不 超过 4KB 的 数据 才能 保证 被 接受 ,因此 Cookie 中 不 
能 存放 大 量 数据 ， 也 不 能 直接 保存 对 象 。Cookie 的 谈 与 操作 分 别 通过 Request 和 Response 
的 Cookies 属性 进行 。 

如 条 使 用 Cookie 取代 SessionState 来 你 存 映 份 认 证 信息 ， 则 需要 修改 PageBase 中 的 
CurrUser 属性 .下 面 首先 将 读 写 Cookie 的 方法 封装 成 目 定 义工 具 类 的 静态 方法 ,在 KPIsWeb 
项 目下 新 增 目 定义 工具 类 Utils， 具 体 代码 如 下 : 

public static class Utils 

{ 


/// <summary> 


/// 从 cookie 中 获取 用 户 信 息 
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/// </summary> 
public static Staff GetCurrUser (HttpCookieCollection cookies) 
{ 
/ /获取 保存 用 户 ID 字段 值 的 Cookie 
HttpCookie cookle = cookies[Consts.CurrUserKey]; 
if (cookie != null) //Cookie 存在 ， 则 提取 用 户 ID 字段 值 
{ 
1nt userID = Convert.ToInt32 (cookie.Value); 
StaffSerVvlce svr = new StaffSerVlce() : 
return svr.FindByID (userID); // 调 用 BILL 方法 获取 用 户 对 象 
} 
else 


{ 


return null: 


} 
/// <summary> 
/// 保存 用 户 信息 到 Cookie 
/// </summary> 
public static void SetCurrUser (HttpCookieCollection cookies, Staff 
CurrUser) 
{ 
// 生 成 Cookie 对 象 
HttpCookie cookie = new HttpCookie (Consts.CurrUserKey).; 


1f (currUser != null]l) 


{ 
cookie.Value = currUser.ID.ToString(); // 保 存 用 户 ID 字段 值 
cooklie .Explires = DateTime.Now.AddMinutes (30); 
//Cookie 在 30min 后 过 期 
} 
else //value == nul1， 表 示 需 要 清除 Cookie 
{ 
// 过 期 时 间 为 1 天 前 ,浏览 器 会 删除 过 期 Cookie 
CooOokle .Explres = DateTime.Now.AddDays (-1) ; 
} 


cookies .Add (cookie); // 加 入 到 返回 的 Cookie 中 


} 

受到 浏览 占 对 Cookie 的 限制 ， 上 述 代 但 中 Cookie 仅 傈 存 了 登录 用 户 ID 字段 什 ， 需 要 
谈 取 数据 库 才 能 获取 登录 用 户 对 象 。 因 此 ， 在 PageBase 类 中 增加 _currUser 成 员 变 量 ， 用 
于 绥 存 当前 登录 的 用 户 对 象 ， 减 少 访问 数据 库 的 频率 ， 相 应 的 PageBase 类 的 CurrUser 属 
性 读 写 器 代码 修改 如 下 : 


/// <summary> 
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/// 当前 用 户 缓存 

/// </summary> 

private Staff currUser = mll; 
/// <summary> 

/1/ 获取 /保存 当前 用 户 身 份 认证 信息 
/// </sSummaryYy> 

public Staff CurrUser 


{ 
get // 获 取 当 前 用 户 
{ 
i ( rer == Tl) // 尚 未 设置 好 缓存 ， 则 需要 设置 缓存 
{ 
CurrUser = Utils.GetCurrUser (Request .Cookies):; 
// 读 取 Cookie， 获 取 用 户 对 象 
} 
return currUser; / /返回 缓存 好 的 用 户 对 象 
} 
set  // 设 置 当 前 用 户 
{ 
currUser = value; / /更 新 缓存 
Ut1ils.SetCurrUser (Response.Cookies, CurrUser):; 
// 设 置 cookie， 记 录用 户 对 象 
} 
} 


从 上 述 Utils 类 和 PageBase 类 的 两 段 代 码 中 可 以 看 到 Cookie 的 操作 方法 。 

(1) 谈 取 : 从 Request 对 象 Cookies 集合 属性 用 索引 器 方法 读 取 ， 下 标 为 读 取 Cookie 
的 Key 值 。 注 意 先 判 断 是 否 存在 对 应 Cookie， 然 后 再 从 中 读 取 Value 属性 值 。 

(2) 增加 : 使 用 指定 Key 值 创建 Cookie 对 和 象 ， 设置 Cookie 对 象 Value 和 Expires 属性 
值 ， 并 将 该 Cookie 对 象 添加 到 Response 的 Cookies 集合 属性 中 。 其 中 Value 属性 值 为 保存 
到 Cookie 的 值 ，Expires 属性 值 为 Cookie 过 期 时 间 。 

(3) 修改 : 同 Response 的 Cookies 集合 属性 中 添加 相同 Key 值 的 Cookie 对 象 ， 就 可 
以 实现 对 该 Cookie 的 修改 。 

(4) 删除 : 由 于 Cookie 保存 在 客户 端 无 法 直接 删除 ,只 能 通过 修改 Cookie 的 Expires 
为 某 个 过 期 时 间 ， 浏 览 器 会 目 动 删除 所 有 过 期 的 Cookie。 

注意 同一 个 网 站 可 以 在 浏览 右 中 存储 多 个 Cookie， 每 个 Cookie 由 其 Key 值 来 标识 ， 
例如 上 述 代 人 码 中 使 用 了 Consts.CurrUserKey 向 量 来 你 证 写 入 和 读 取 身份 认证 信息 的 Cookie 
ss 

完成 号 份 认 证 信息 存储 到 Cookie 的 代码 修改 后 ， 登 录 和 权限 控制 的 代码 同样 无 顷 修 
改 , 但 Site.Master 母 挨 页 由 于 没有 继承 PageBase 类 ,所 以 需要 目 行 从 Cookie 中 获取 用 户 ， 
具体 需要 修改 的 代码 如 下 : 


protected vold Page Load (object sender, EventArgs e) 
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{ 
// 获 取保 存在 Cookie 中 的 当前 用 户 对 象 
staff user = Utils.GetCurrUser (Request.Cookies); 
} 
} 


/// <summary> 

/// 注销 退出 ， 返 回 登 录 页 面 

/// </sSummary> 

protected void btLogout Click(object sender, EventArgs e) 

{ 
Utils.SetcurrUser (Response.Cookies,，null); // 删 除 身 份 认 证 Cookie 
Response.Redirect ("~/Login.aspx"); 


} 


3) 多 值 Cookie 
在 前 和 面 的 代码 中 ， 由 二 并 不 是 所 有 的 页 面部 使 用 Site.Master 母 版 员 ， 所 以 没有 将 
CurrUser 属性 从 PageBase 类 移动 到 母 版 页 类 中 。 由 于 母 版 页 本 喘 也 宕 要 读 写 当前 用 户 , 所 
以 利用 目 定义 工具 尖 的 静态 方法 来 共享 当前 用 户 的 谈 写 代 但 。 这 样 做 虽然 代 但 上 避免 了 重 
复 ， 但 并 不 能 减少 数据 库 读 写 操作 。 考 虑 到 模板 页 中 仅 需要 显示 用 户 名 和 姓名 ， 因 此 可 以 
在 Cookie 中 直接 保存 当前 用 户 除 ID 字段 值 以 外 的 其 他 信息 。 
一 个 Cookie 对 象 不 但 可 以 通过 Value 属性 保存 单个 值 , 还 可 以 通过 Values 属性 保存 多 
个 值 ， 修 改 Utils 工具 类 中 的 用 户 Cookie 谈 与 方法 的 代码 如 下 : 
/// <summary> 
/// 保存 用 户 信息 到 Cookie 
/// </summary> 
Public static vold SetCurrUser (HttpCookieCollection cookiles, Staff currUser) 
{ 
/ /生成 Cookie 对 象 
HttpCookie cookie = new HttpCookie (Consts.CurrUserKey).; 


1f (currUser != null) 


{ 
// 回 一 个 Cookie 中 保存 人 员 各 字段 
cookie.Values["ID"] = currUser.ID.TosString(); 
cooklie.Values["Name"] = currUser.Name; 
Cookie.Values["UserName"] = currUser.UserName; 
cookie.Values["IsAdmin"] = currUser.IsAdmin.ToSstring (); 
cookie.Values["IsLeader"] = currUser.IsLeader.Tostring(); 
cookie.Values["IsCollector"] = currUser.IsCollector.Tostring(); 
COookle.Values ["DepartmentID"] = currUser.Department ID.ToString (); 
cookie.Expires = DateTime.Now.AddMinutes (30); // 过 期 为 30min 以 后 


else //value == null 需要 清除 
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// 过 期 时 间 为 1 大 前 ， 浏 览 器 日 动 删除 过 期 Cookie 
cookie.Explres = DateTime.Now.AddDays (-1) : 
} 
cookies .Add (cookie); // 加 入 到 返回 的 Cookie 中 
} 
/// <summary> 
/// 从 Cookie 中 获取 用 户 信息 
/// </summary> 
public static Staff GetCurrUser (HttpCookieCollection cookies) 


{ 

/ /获取 保存 用 户 ID 的 Cookie 

HttpCookie cookie = cookies [Consts.CurrUserKey]; 

if (cookie != null) ”// 存 在 ， 则 提取 

{ 
/ /根据 Cookie 中 的 各 字段 值 ， 构 造 人 员 对 象 
staff staff = new Staff () > 
staff.ID = Convert.ToInt32 (cookie.Values["ID"]); 
staff.Name = cookie.Values["Name"]; 
staff.UserName = cookie.Values["UserName"]; 
staff.IsAdmin = Convert.ToBoolean (cookie.Values["IsAdmin™"]); 
staff.IsLeader = Convert.ToBoolean(cookie.Values["IsLeader"]):; 
staff.IsCollector = Convert.ToBoolean (cookie.Values["IsCollector"]); 
staff.Department ID = Convert.ToInt32 (cookie.Values["DepartmentID"]); 
return staff,; 

} 

else 

{ 
return null; 

} 

} 


注意 上 述 读 取 Cookie 的 代码 中 ， 为 了 构造 人 员 对 象 ， 首 先 创 建 了 一 个 Staff 对 象 ， 然 
后 逐条 用 Cookie 中 的 值 对 Sta 企 对 象 中 的 属性 进行 赋值 。 其 他 代码 和 利用 单 值 Cookie 保存 
吴 份 认证 信息 没有 什么 不 同 。 

在 客户 端 完 成 登录 后 ， 可 以 到 浏览 器 保存 Cookie 的 文件 夹 找到 这 个 Cookie， 打 开 这 
个 Cookie 文本 文件 ， 可 以 看 到 其 中 的 内 容 为 

CurrUser 

ID=1&Name= 系 统管 理 员 &UserName=Admin&IsAdmin=True&IsLeader=False 

localhost/1024380010265630413714299003184030413710* 

上 述 内 容 注 意 以 下 3 方面 的 问题 。 

(1) 安全 性 : 用 户 可 以 轻易 三 看 Cookie 中 的 喘 份 认证 信息 ， 没 有 加 密 则 没有 安全 性 
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(2) SessionID: 最 后 一 串 数字 是 ASPNET 自动 添加 的 ， 用 于 标识 用 户 会 话 ， 否 则 服 
务 妆 驶 会 无 法 区 分 Cookie 的 用 户 。 

(3) 中 文 处 理 : 有 些 浏览 器 无 法 正确 处 理 Cookie 中 的 中 文字 符 ， 例 如 上 面 的 “系统 管 
理 员 ”此 时 需要 使 用 URL 编码 拉 术 ， 该 技术 主要 用 于 URL 中 笃 询 变量 的 特殊 字符 转换 。 
例如 ， 保 存 姓 名 到 Cookie 中 的 代码 需要 修改 为 

cookie.Values["Name"] = HttpUtility.UrlEncode (currUser.Name); //URL 编码 


相应 谈 取 姓名 的 代 但 再 要 修改 为 


staff.Name = HttpUtility.UrlDecode (cookie.Values["Name"]); //URL 解 位 


站 题 10 


1. 在 ASPNET 项 目 中 ， 附 加 文件 方式 的 数据 库 文件 通 第 应 该 保存 在 ( ”) 文件 夹 中 。 
A) App Data B) App Start C) App DB D) App Code 


2. “Data Source=.\SQLEXPRESS: AttachDbFilename=|DataDirectoryN\KPIs.mdf: Integrated 
Security=True:; User Instance==Trme” 连 接 字 人 符 串 中 的 “|DataDirectory|” 指 ( ke 
A) SQL Server 默认 数据 库 文件 存 故 路径 
B) Windows 默认 的 数据 库 文 件 存放 路 径 
C) BLL 类 库 项 目 默 认 的 数据 库 文件 存放 路 径 
D) ASPNET 网 站 项 目 默 认 的 数据 库 文 件 存 放 路 径 
3. 下 列 SQL 语句 中 ， 能 够 实现 “收回 用 户 U4 对 学 生 表 (STUD) 中 的 学 号 (XH) 
的 修改 权 ” 这 一 功能 的 是 (  ”)。 
A) REVOKE UPDATE(XH) ON TABLE FROM U4 
B) REVOKE UPDATE(XH) ON TABLE FROM PUBLIC 
C) REVOKE UPDATE(XH) ON STUD FROM U4 
D) REVOKE UPDATE(XH) ON STUD FROM PUBLIC 
4. 数据 库 管 理 系 统 通 币 提供 授权 功能 来 控制 不 同 用 户 访问 数据 的 权限 ， 这 主要 坪 为 
了 实现 数据 库 的 (  ”)。 
A) 可 靠 性 B) 一 致 性 C) 完整 性 D) 安全 性 
5. 在 .NET 开发 环境 下 开发 一 个 Web 网 站 应 用 系统 , 当 搭 建 三 层 架 构 的 业务 逻 辑 层 时 ， 
需要 创建 的 项 目 类 型 是 ( 


A) Web 应 用 程序 B) 类 库 
C) 控制 全 应 用 程序 D) Windows 应 用 程序 
6. 在 .net 框架 下 开发 三 层 架 构 应 用 程序 时 ， 关 于 三 层 架 构 的 说 法 错误 的 是 ( )。 
A) 三 层 架 构 体 现 了 “高 内 察 ， 低 厢 合 ”的 思想 
B) 三 层 架 构 在 大 中 型 应 用 系统 中 应 用 较 多 
C) 三 层 架 构 适 用 于 客户 界面 需求 经 常 发 生变 化 的 情景 


D) 三 层 架 构 适用 于 客户 对 开发 语 诗 要求 经 第 必 生 变化 的 情景 
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7. 在 .NET 框架 下 开发 三 层 染 构 应 用 程序 时 ，L2S 目 动 生成 的 代码 属 于 jn 
A) 表示 层 B) 业务 逻辑 层 C) 数据 访问 层 D) 控制 层 
8. 天 于 三 层 架 构 的 拍 述 错误 的 是 js 


10. 


a 


Ls 


E 


14. 


]>. 


A) 三 层 架 构 可 以 大 大 提高 程序 运行 效率 

B) 三 层 架 构 可 以 使 得 系统 结构 更 清晰 

C) 三 层 染 构 可 以 大 大 降低 程序 后 期 维护 成 本 
D) 三 层 染 构 可 以 充分 发 挥 团队 协作 开发 的 优势 


.假设 查询 变量 为 parentID， 下 列 哪 个 是 正确 的 LINQ 参数 查询 语句 


A) db.Department.Where(d => d.Parent ID = (@parentID ): 
B) db.Department.Where(d => d.Parent ID = parentID): 
C) db.Where(Department.Parent ID = (WparentID): 
D) db.Where(Department.Parent ID = parentID): 
LINQ 中 判断 一 个 字符 串 以 驴 一 个 字符 串 开 始 的 方法 皇 (  ”)。 
A) Contalns() B) StartsWith() C) Like() D) TrimStart() 
为 业务 逻辑 层 的 服务 类 创建 一 个 基 类 BaseService 的 理由 是 ( )。 
A) 所 有 的 Service 部 继承 BaseService， 这 样 比较 规范 统一 
B) 要 实现 三 层 架 构 ， 必 须 为 服务 类 创建 一 个 基 类 
C) 可 以 在 BaseService 完成 一 些 公 共 的 服务 处 理 ， 如 错误 日 志 的 记录 
D) BaseService 是 实现 和 数据 访问 层 对 接 的 桥梁 
下 面 是 ASPNET 的 校 验 控件 ， 其 中 ( ””) 用 于 检查 和 输入 是 否 为 空 。 
A) CompareValidator 
B) RangeValidator 
C) RegularExpression Validator 
D) RequiredFieldValidator 
用 于 目 动 显示 校 验 汇总 错误 信息 的 ASPNET 控件 是 (  )。 
A) ValidatorInfomation 
B) ValidationSummary 
C) ValidationExpression 
D) CustomValidator 
Web 应 用 状态 溃 理 中 ， 最 适合 在 保存 日 个 页 面 内 部 状态 的 技术 为 ( ” ”)。 
A) HiddenField 控件 
B) Cookie 
C) ApplicationState 
D) SessionState 
Web 应 用 状态 管理 中 ，SessionState 适合 保存 ( 和 
A) 和 整个 应 用 有 关 的 全 局 信息 
B) 两 个 页 面 跳 扶 时 需要 传递 的 信息 
C) 和 访问 Web 应 用 用 户 有 关 的 信息 
D) 单个 页 面 回 有 发 (PostBack) 操作 需要 保存 的 信息 
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16， 以 下 关于 MD5 说 法 错误 的 是 ( 二 


A) MD5S 不 是 加 密 算 法 ， 而 是 摘要 算法 ， 经 过 MD5 算法 处 理 后 的 结果 无 法 还 原 
出 原文 

B) 用 户 密 人 码 应 该 用 MDS 算法 处 理 后 保存 ， 可 避免 数据 库 泄 露 导 致 的 用 户 密 码 
浴 露 

C) 用 户 密 码 经 过 MDS5 算法 处 理 后 无 法 还 原 ， 所 以 无 法 检验 用 户 输入 的 密码 是 否 
正确 

D ) 如 采用 MDS 算法 保存 用 户 密 人 码 ， 则 系统 应 该 提供 重 置 密码 的 功能 


Me 


mW 具 工 


.在 三 层 架 构 中 ， 将 服务 器 资源 管理 中 的 数据 库 表 拖 放 到 L2S 设计 费时 ，VS 会 在 
DAL i 目 动 添加 和 连接 字符 串 ， 但 还 需要 手工 将 该 连接 串 复 制 到 
ASPNET 项 目的 配置 文件 中 。 
2. DataContext 类 中 为 数据 库 中 的 定义 了 相应 的 Linq.Table<T> 关 集 
合 属 性 ， 通 过 该 属性 就 可 以 实现 对 数据 库 表 的 CRUD 操作 。 
3. Web 应 用 本 质 上 是 无 状态 的 ， 为 了 你 存 当 前 登录 用 户 的 喘 份 信息 可 以 使 用 
或 i 
， 系统 通过 用 户 提 供 的 凭据 确认 用 户 喘 份 的 过 程 叫做 ， 根 
Pepe et sapped 叫做 
5. 使 用 L2S 同 数 据 库 Department 表 增 加 一 条 记录 的 方法 是 db. 5 (dept)。 
三 、 人 
( . 附加 文件 方式 的 a Server 数据 库 在 调试 时 可 以 正常 旋 写 数据 ， 所 以 Web 
应 用 heat 权限 设 
z 站 二 a 那么 L2S 中 对 应 实体 类 的 属性 也 允许 


让 


为 EE 

( ) 3. 对 DataContext 中 的 集合 属性 进行 各 种 增加 、 修 改 、 删 除 操作 后 ， 只 有 执 
行 DataContext 的 SubmaitChangesO0) 方 法 才 会 把 所 有 变更 一 次 性 提交 到 数据 库 。 

) 4. L2S 设计 占 中 ， 可 以 分 别 添加 表示 记录 的 实体 类 和 表示 表 的 集合 属性 。 

( ) 5. ASPNET 状态 管理 技术 中 ，ViewState 本 质 上 是 HiddenField 控件 技术 。 

( ) 6. 通过 在 登录 页 面 中 检查 用 户 角色 ， 跳 转 到 相应 的 初始 页 面 ， 是 实现 Web 应 
用 权限 控制 的 简便 方法 。 

( ) 7. 使 用 MDS5 算法 处 理 后 的 数据 无 法 还 原 ， 因 此 不 适用 于 用 户 密码 的 加 密 。 

四 、 问 答题 

为 什么 说 Web 应 用 本 质 上 是 无 状态 的 ? 将 无 状态 的 Web 应 用 改造 成 有 状态 的 常用 状 
态 管 理 技术 有 哪些 ? 


五 、 实 践 题 
为 《门店 销售 指标 跟踪 系统 》 创 建 SQL Server 附加 文件 方式 的 数据 库 ， 并 按照 关系 模 
型 创建 数据 库 表 格 ， 创 建 必 要 的 索引 、 参 照 ， 创 建 必 要 的 视图 。 按 照 三 层 架 构 为 系统 项 目 


添加 业务 逻辑 层 和 数据 访问 层 项 目 ， 完 成 业务 逻辑 层 的 服务 类 图 设计 ; 按照 三 层 架 构 pe 
工 原 则 实现 门店 管理 模块 ， 按 照 三 层 架 构 的 分 工 原 则 实现 用 户 登 录 模 块 ， 并 通过 
SessionState 或 Cookie 方式 实现 保存 用 户 有 身份 ， 实 现 权 限 管控 的 代码 。 


学 习 目 标 

。 了 解 页 面 静 态 设 计 和 交互 设计 的 基本 方法 ; 

。 了 解 防 止 按钮 触发 校 验 的 技巧 ; 

e。 了 解 ASPNET 数据 源 ObjectDataSource 控件 和 GridView 数据 控件 的 用 法 ; 
。 车 握 数 据 绑 定 表 达 式 ， 了 解 页 面 后 台 方 法 应 用 于 数据 绑 定 的 技巧 ; 

。 理解 查找 功能 的 必要 性 ， 掌 握 查 找 功 能 的 实现 ; 

。 和 擎 握 编 辑 状态 的 管理 技巧 ， 了 解 GridView 控件 传递 行 命令 参数 的 技巧 ; 

。 掌握 ASPNET 树 形 控件 的 操纵 算法 ， 掌 握 TreeView 控件 市 ;点 事件 的 绑 定 和 处 理 ; 
。 掌握 LINQ to Object 三 找 对 象 的 方法 ; 和 擎 握 LINQ 排序 OrderBy0 方 法 ; 

。 掌握 SQL 连接 查询 ， 了 解 LEFT OUT JOIN 连接 ; 

。 了 解 FormView 控件 的 使 用 ; 

。 理解 更 新 指标 数据 可 能 存在 的 问题 。 


本 章 以 指标 管理 、 部 门 指标 管理 和 采集 指标 数据 3 个 模块 为 例 ， 说 明 如 何 实现 玉 PIs 


的 管理 功能 。 各 模块 中 的 页 面 路 径 和 名 称 见 表 8-1。 


11.1 指标 官 理 


在 Admin 文件 夹 中 添加 KpiManage.aspx 页 面 ， 用 于 指标 管理 。 

1. 页 面 设计 

1) 布局 框架 

后 人 台 管 理 页 面 布 局 参见 8.1 方 ， 总 体 布 局 继承 目 母 版 只 。KpiManager.aspx 页 面 本 身 布 


局 采用 表格 来 实现 ， 表格 适用 于 比较 简单 且 固 定 的 布局 。 有 共 体 的 页 面 框 以 代 但 如 下 : 


<SsQ Page Title="" Language="C#" MasterPageFile="~/Site.Master" 
AutoEventWireup="true" CodeBehind="KpiManage.aspx.cs" 
Inherits= "KPIsWeb.Admin.KpiManage"™ $> 
<asp:Content ID="cntMain™" ContentPlaceHolderID="cphMain™" runat="server"> 
<table border="0" style="width: 100$%"> 
<tr> 
<td> 查 找 指标 : <asp:TextBox ID="tbSearchText" runat="server"> 
</asp:TextBox> 
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<asp:Button ID=nmbtSeek" runat="server"” Text=" 答 找 " 
CausesValidation= "False"/> 

</td> 
<td><asp:LinkButton ID="btAdd™" runat="server™" OnClick="btAdd Click" 
Causesvalidation="False"> 添 加 指标 </asp:LinkButton> 

</td> 

</tr> 

<tr><td colspan="2"><$%-- 第 2 行 ， 指 标 表 格 --%$></td></tr> 

<tr><td colspan-"2"><$-- 第 3 行 ， 编 辑 区 域 --$></td></tr> 

</table> 
</asp:Ccontent> 


上 述 代码 中 ， 表 格 的 第 1 行 分 为 2 列 ， 第 1 列 中 包含 一 个 快速 查找 指标 的 文本 框 和 查 
找 按钮 ， 第 2 列 是 一 个 LinkButton 控件 ， 用 于 新 增 指标 。 为 了 防止 这 两 个 按钮 触发 页 面 上 
的 校 验 控件 ， 两 者 都 设置 了 CausesValidation 属性 值 为 False。 表 格 的 第 2 行 用 于 展示 指标 
表 ， 使 用 ASPNET 的 GridView 控件 ， 这 是 ASPNET 展示 数据 库 表格 的 常用 控件 。 表 格 第 
3 行 是 输入 指标 具体 内 容 的 编辑 区 域 。 

2) 编辑 区 域 

编辑 区 域 中 使 用 输入 控件 、 校 验 控件 和 说 明 标 签 。 利 用 5 行 3 列 的 表格 来 实现 编辑 控 
件 的 布局 ， 每 行为 1 个 输入 控件 用 于 输入 指标 的 茶 个 字段 什 ， 第 1 列 放置 字段 名 标签 ， 第 
2 列 为 输入 控件 ， 第 3 列 为 补充 说 明和 校 验 控件 。 页 面 代码 框架 如 下 所 示 : 


<table 1id="tabEdits™" runat="server™" style="width: 100 委 "> 
<tr> 
<td><$-- 标 签 --%></td> 
<td><$ 一 -输入 控件 --$></td> 
<td><$%--- 校 验 控 件 --%></tqd> 
</tr> 


0 
<td style="height: 30px"></td> 
<td style="height: 30px" colspan="2"> 
<asp:button id="btOK" runat="server" text=" 傅 定 " onclick="btOK Click" /> 
<asp:label 1id="lbPrompt™" runat="server™" cssclass="prompt"> 
</asp:1label> 
</td> 
</tr> 
</table> 


上 述 代码 中 有 执行 操作 的 按钮 和 显示 提示 信息 的 标签 控件 .注意 表格 设置 了 id 和 runat 
属性 , 以 便 通过 页 面 后 台 代码 对 整个 表格 的 显示 进行 控制 。 请 读者 自行 设置 好 表格 中 的 行 。 
输入 控件 的 具体 设计 如 表 11-1 所 示 。 
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表 11-1 指数 管理 页 面 编辑 控件 设计 


字段 控件 ID 属性 校 验 提示 信息 

Code TextBox tbCode MaxLenegth="S0" 必 苇 

Name TextBox tbName MaxLenegth="S0" 必 填 

Description TextBox tbDescription TextMode="MultiLine" 说 明文 字 
Height="]100px" 在 500 个 
Width="270px" 字 以 内 
MaxLenegth="$00" 


Valuelype DropDownList ddlValuelype Width="]100px" 


表格 中 ddlValueType 下 拉 框 控件 其 页 面 代码 为 


<asp:DropDownList ID="ddlValueType"™" Frunat="serVer" Width="]100px"> 
<asp:ListItem Value="0"> 普 通 数 值 </asp:ListItem> 
<asp:ListItem Value="1"> 白 分 比 </asp:ListItem> 
</asp:DropDownL1ist> 


3) 交互 设计 

界面 设计 的 核心 是 交互 设计 ， 也 就 是 确定 用 户 如 何 通 过 界面 来 完成 用 例 ， 而 布局 和 美 
工 都 是 为 交互 服务 的 。 本 书 第 8 章 已 给 出 了 KPIs 界面 布局 和 美工 设计 , 下 面 以 指标 管理 页 
面 为 例 进行 交互 设计 。 

界面 交互 设计 可 以 用 各 种 工具 来 表示 ， 这 里 采用 最 简单 的 文字 描述 ， 如 表 11-2 所 示 。 


表 11-2 指标 管理 界面 交互 设计 

用 例 交互 设计 

浏览 指标 ”用户 在 查找 框 输入 关键 字 ， 单 击 “ 查 找 ” 按 钮 ， 系 统 获取 所 有 Code 或 Name 中 包含 这 个 
关键 字 的 指标 ， 显 示 在 指标 列表 中 。 关 键 字 如 果 为 空 ， 则 表示 查找 所 有 指标 。 页 面 初始 化 
时 ， 默 认 碍 找 所 有 指标 

添加 指标 ”用 户 单 击 “ 添 加 指标 ”按钮 ， 系 统 在 页 面 下 方 显 示 编 辑 区 域 ， 编 辑 区 中 的 输入 控件 设置 为 
默认 值 。 用 户 输入 新 增 指标 的 内 容 ， 单 击 “ 确 定 ” 按 钮 。 系 统 回 数据 库 添加 该 指标 ， 如 果 
失败 则 显示 提示 信息 ， 否 则 刷新 显示 新 增 后 的 指标 列表 

编辑 指标 ”用户 单 击 指标 列表 中 某 一 行 上 的 “编辑 ”按钮 ， 系 统 在 页 面 下 方 显示 编辑 区 域 ， 编 辑 区 中 
的 输入 控件 设置 为 该 行 指标 的 值 。 用 户 输入 修改 指标 的 内 容 ， 单 击 “ 确 定 ” 按 钮 。 系 统 问 
数据 库 更 新 该 指标 ， 如 果 失 败 显示 提示 信息 ， 否 则 刷新 显示 修改 后 的 指标 列表 

删除 指标 ”用 户 单 击 指标 列表 中 某 一 行 上 的 “删除 ”按钮 ， 系 统 在 页 面 下 方 显示 编辑 区 域 ， 编 辑 区 中 
的 输入 控件 设置 为 该 行 指标 的 值 ， 并 提示 用 户 是 否 删 除 。 用 户 单 击 “ 确 定 ” 按 钮 。 系 统 从 
数据 库 删 除 该 指标 ， 如 果 失 败 则 显示 提示 信息 ， 否 则 刷新 显示 删除 指标 后 的 指标 列表 


注意 表 11-2 中 对 交互 设计 的 文字 描述 涉及 用 户 和 系统 ,但 仅 说 明 做 什么 ， 并 没有 关于 
如 何 实现 的 内 容 。 

2.， 测 吕 指 标 

1 ) IndexService 服务 类 

添加 BLL 服务 类 IndexService， 并 在 其 中 添加 GetIdxBySearchTextO 方 法 ， 代 个 如 下 : 

/// <summary> 

/// 获取 所 有 Code 或 Name 包含 指定 文本 的 指标 


/// </summary> 
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/// <param name="searchTextn> 空 表示 获取 所 有 指标 。</Param> 
public List<KpiIdx> GetIdxBySearchText (string searchText) 


{ 
if (string.IsNuULLOFrEmptvy(searchText)) /7/ 参 数 为 空 
{ 
return GetRaAl11Index():; // 获 取 所 有 指标 
} 
else 
{ 


return db.KpiIdx.Where(d => d.Code.Contains (searchText) 
11 d.Name .Contains (searchText) ) .ToList(); // 获 取 匹 配 的 指标 


} 


上 述 代 码 中 GetAllIndex0 方 法 获取 所 有 指标 ， 也 是 IndexService 类 的 方法 。 参 数 非 空 
时 通过 Contains() 方 法 用 于 检查 字符 串 中 是 否 包 含 查找 文本 ， 相 当 于 SQL 语句 的 LIKE 模 
糊 匹 配 。 可 将 上 述 获 取 查 找 匹 配 指 标的 LINQ 语句 翻译 成 如 下 的 SQL 语句 : 


SELECT ID, Code, Name, [Description], ValueType FROM dbo.KpliIdx 


WHERE Code Like '$'+Q@searchText+'$%' OR Name Like '$S'+@searchText+'$" 


2 ) DataSource 数据 源 控件 

ASPNET 提供 了 很 多 展示 数据 的 控件 ， 称 为 数据 绑 定 (DataBinding) 控件 ， 这 些 控件 
可 以 目 动 从 数据 源 〈DataSource) 控件 中 获取 数据 用 于 展示 ， 不 同类 型 的 数据 源 需 要 使 用 
相应 的 数据 源 控件 。 例 如 ， 访 问 SQL Server 用 SqlDataSource 控件 ，KPTIs 中 访问 BLL 服务 
对 象 则 用 ObjectDataSource 控件 。 

从 工具 栏 找到 ObjectDataSource 控件 ， 将 其 拖 放 到 Adminm\KpiManage.aspx 页 面 中 《〈 布 
局 表格 中 的 第 2 行 )， 修 改 其 DD 属性 值 为 odsImndex。 在 图 形 设计 界面 选中 odsIndex 控件 ， 
单 击 控件 右上 角 的 快捷 任务 图 标 思 ， 在 任务 列表 中 选择 “配置 数据 源 ” 任 务 。 

在 配置 数据 源 癌 村 中 选择 获取 数据 方法 所 在 的 服务 尖 ， 如 图 11-1 所 示 。 由 于 KPIs 中 
BLL 为 独立 项 目 ， 可 能 出 现 “ 选 择业 务 对 象 ” 下 拉 框 找 不 到 所 需 服 务 关 的 情况 ， 此 时 震 要 
尝试 重新 编译 BLL 项 目 ， 并 取消 图 11-1 中 “只 显示 数据 组 件 ” 复 选 框 的 勾 选 。 

选择 业务 对 急 (): 


图 11-1 为 ObjectDataSource 控件 选择 业务 对 象 


在 图 11-1 中 选择 IndexService 服务 类 ， 单 击 “ 下 一 步 ” 选 择 检 索 数 据 方法 ， 如 图 11-2 
所 示 ( 可 以 看 到 数据 源 还 支持 CUD 操作 )。KPIs 中 仅 使 用 检索 方法 ， 所 以 在 SELECT 页 
选择 GetIdxBySearchText0 方 法 即 可 。 

下 一 步 是 为 方法 选择 参数 值 来 源 , 如 图 11-3 所 示 。 可 选 参数 值 来 源 非常 丰富 , 如 控件 、 
Session、QueryString、 表 单 、Cookie 和 等。 查找 参数 SearchText 值 来 自 于 tbSearchText 文本 
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框 控件 ， 所 以 选择 “参数 源 ” 为 Control，ControlID 为 tbSearchText。 


i 


选择 与 SELECT 操作 关联 并 返回 斤 护 的 业务 对 急 的 方法 。 该 方法 可 返回 Dataset、DataReader 或 3 型 集合 。 
示例 : GetProdudsUnt32 categoryId) ， 它 返回 DatasSet。 


磷 拌 方法 (CQ): 
GetldxBySearchTexttString searchText) . 返回 List<Kpildx» 和 


图 11-2 ”为 ObjectDataSource 控件 选择 检索 方法 


戎 才 0 原 (9): 


ControllD: 


searchText tbSearchText,.Text , 
tbSearchText ™ 


Default\Value: 


于 未 高 级 原 性 


图 11-3 为 ObjectDataSource 控件 指定 参数 源 


配置 完 数 据 源 后 ， 当 数据 绑 定 控件 需要 从 odsIndex 控件 中 获取 数据 时 ，odsIndex 控件 
了 驶 会 调用 IndexService 对 象 的 GetIdxBySearchTextO 方 法 ， 并 从 由 SearchText 控件 中 获取 输 
入 文本 作为 searchText 参数 的 但 。 

3) GridView 网 格 控件 

KPIs 中 主要 使 用 GridView 网 格 控件 来 实现 数据 列表 功能 。 网 格 控件 的 功能 通 前 包括 
目 定 义 显 示 格 式 、 分 页 、 排 序 等 显示 操作 ， 也 可 能 提供 添加 、 修 改 、 删 除 等 操作 的 文 持 。 

从 工具 栏 拖 放 GridView 控件 到 Admin/KpiManage.aspx 页 面 ， 放 到 布局 表格 第 2 行 ， 
将 ID 属性 值 设 为 gvIndex， 单 击 快 捷 任务 按钮 ， 出 现 图 11-4 所 示 的 任务 列表 ， 在 “选择 数 
据 源 ”中 选择 odsIndex 数据 源 控件 。 


Gridyiew 尾 务 


目 动 套用 档 式 ... 


本 二 数据 韶 ... 
别 | 新 [ 漆 构 
绵 辑 列 .. . 
漆 加 产 列 ... 


绵 辑 模板 


图 11-4” GridView 快捷 任务 菜单 
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选择 图 11-4 中 的 “ 目 动 侠 用 格式 ”任务 ， 打 开 如 图 11-5 所 示 的 目 动 登 用 格式 对 话 框 ， 
选择 “传统 型 ” 染 构 ， 可 以 看 到 展示 效果 比较 人 符合 KPTs 的 整体 风格 。 


避 


11-5 GridView 自动 套用 格式 


选择 图 11-4 中 的 “编辑 列 ” 任 务 ， 打 开 如 图 11-6 所 示 的 对 话 框 ， 定 义 在 GridView 控 
件 中 显示 的 字段 。 


可 用 字段 凶 ): BoeundField 履 性 i 中 i): 
-LE BoundField , [ 国 | 所 
“Bl CheckB oxField ShowHeader True 


Pn A ate SortExpression Code 
p el lmageFlield validateRequesthvlor Inherit 


- 团 ButtonField visible True 
由 图 CommandField 


uo TemplateField AccessibleHeaderTe 


DataField Code 
DataFormatstring 


HeaderIlrnageUrl 


自动 生成 字段 [O) 
剧 新 亡 构 


11-6 GridView 字段 定义 


KPIs 中 主要 使 用 BoundField、ButtonField、TemplateField 三 种 字段 ( 指 GridView 的 列 ， 
不 是 数据 库 的 字段 )， 表 11-3 中 简单 描述 了 各 类 字段 的 作用 。 
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字段 类 型 
BoundField〈 数 据 绑 定 字 段 ) 
ButtonField 〈 按 钮 宁 段 ) 


CommandField (命令 字段 ) 


CheckBoxField (CheckBox 字段 ) 
HyperLinkField 〈 超 链接 字段 ) 


ImageField (图 片 字 段 ) 
TemplateField (模板 字段 ) 


默认 图 11-6 的 “可 用 字段 ” 中 会 列 出 所 有 可 用 的 字段 类 型 以 及 


ASP.NET 项 目 实 训 


表 11-3 GridView 字段 类 型 
说 明 
将 DataSource 数据 源 的 字段 数据 以 文本 方式 显示 
在 数据 绑 定 控件 中 显示 命令 按钮 ， 根 据 控件 的 不 同 ， 它 可 显示 具有 自 
定义 按钮 控件 〈 例 如 【添加 】 或 【 移 除 】 按 钮 ) 的 数据 行 或 数据 列 ， 
按 下 时 会 引发 RowCommand 事件 
显示 含有 命令 的 Button 按钮 ， 包 括 了 Select、Edit、Update、Delete 命 
令 按 印 (DetailsView 的 CommandField 才 支 持 Insert 命令 ) 
显示 为 CheckBox 类 型 ， 通 常用 于 布尔 值 的 显示 
将 DataSource 数据 源 字段 数据 显示 成 HyperLink 超级 链接 ， 并 可 指定 
另外 的 NavigateUrl 超 链接 
在 数据 绑 定 控件 中 显示 图 片 字 段 
显示 用 户 日 定义 的 模板 内 容 


数据 源 中 对 象 属性 对 


应 的 绑 定 字段 (如 果 没 有 列 出 对 象 属 性 字段 , 可 通过 图 11-4 中 的 “刷新 架构 ”任务 来 刷新 ); 
“ 选 定 的 字段 ”中 是 GridView 控件 最 终 显示 的 字段 清单 ， 通 过 对 话 框 中 的 按钮 可 添加 、 删 
除 或 改变 顺序 ， 还 可 以 设置 字段 属性 。 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 就 会 目 动 生成 相应 
的 页 面 代码 ， 下 面 是 为 gvIndex 控件 添加 各 字段 后 的 页 面 代 码 : 


<asp:GridView ID="gvIindex" runat="server™" AutoGenerateColumns="False" 


DataSsourceID="odsIndex™" CellPadding="4" ForeColor="#333333" 


GridLines="None" Width="100%" OnRowCommand="gvIindx RowCommand" DataKeyNames 


"TD"™> 


<COoOlumns> 


<asp:BoundField DataField="Code" HeaderText=" 编 码 " 


SortExpression="Code™ /> 


<asp:BoundField DataField="Name" HeaderText=" 指 标 名 " 


SortExpression="Name"™" /> 


<asp:BoundField DataField="ValueType" HeaderText=" 值 类 型 " 


SortExpression="ValueType"™" /> 


<asp:ButtonField CommandName="Modify" HeaderText=" 修 改 " Text=" 修 改 " > 
<Itemstyle Width="5$%" /> 


</asp:ButtonField> 


<asp:ButtonField CommandName="Remove" HeaderText=" 删 除 "” Text=" 删 除 "” > 
<ItemStyYy1le Width="5%" /> 


</asp:ButtonField> 


</Columnsy> 


</asp:GridView> 


上 述 代 人 码 <Columns>…</Columns> 节 内 的 每 个 <asp:xxxField> 就 是 一 个 字段 ， 请 斌 者 根 
据 这 些 字段 的 类 型 和 属性 ， 在 图 11-6 所 示 对 话 框 中 为 gvIndex 控件 设置 字段 。 
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4) 绑 定 表达 式 
Kpildx 对 象 的 ValueType 属性 值 为 0 或 1， 下 接 使 用 BoundField 字段 显示 显然 很 不 友 
好 ， 需 要 通过 数据 绑 定 表达 式 技术 来 显示 代码 对 应 的 名 称 。 在 如 图 11-6 所 示 的 “ 选 定 的 字 
段 ” 中 选中 ValueType( 值 类 型 ) 字段 ， 然 后 单 击 “ 将 此 字段 转换 为 TemplateField” 超 链 
接 ， 将 其 转换 成 TemplateField 类 型 的 字段 ， 相 应 的 页 面 代码 变 为 


<asp:TemplateField HeaderText=" 值 类 型 " SortExpression="ValueType"> 
<ItemTemplate> 
<asp:Label ID="]1bV" runat="server" Text='<$®# Bind("ValueType") $>'> 
</asp:Label> 
</ItemTemplate> 
<EditItemTemplate> 
<asp:TextBox ID="tbV" runat="server™" Text="'<$®# Bind("ValueType") $>'> 
</asp: TextBox> 
</EditIitemTemplate> 
</asp:TemplateField> 


删除 上 述 代 人 码 中 的 <EditItemTemplate>…</EditItemTemplate> ，KPIs 不 打算 使 用 
GridView 的 编辑 功能 ， 所 以 可 以 删除 其 中 的 编辑 模板 定义 。<ItemTIemplate> … 
<ItemTemplate> 节 为 显示 模板 定义 ， 通 过 其 中 的 Label 控件 显示 字段 值 。 

可 以 看 到 上 述 Label 控件 Text 属性 值 为 <%# Bind("ValueType") %>， 这 就 是 数据 绑 定 
表达 式 ， 其 中 ValueType 丈 是 绑 定 对 象 的 属性 名 《上 述 例子 中 为 Kpildx 对 象 的 ValueType 
属性 )。 数 据 绑 定 表 达 式 有 两 种 : <%# Eval(" 字 段 名 ") %> 和 <%# Bind(" 字 段 名 ") %>。Eval() 
方法 是 单 四 的 ， 仅 用 于 显示 ;Bind0 方 法 是 双 癌 的 ， 不 但 可 以 显示 属性 值 ， 而 且 还 可 以 通 
过 输入 控件 将 输入 值 赋 给 绑 定 对 象 的 属性 。 

由 于 只 用 于 显示 ， 所 以 将 上 述 代 但 中 的 绑 定 表达 式 修 改 为 如 下 代码 : 


<asp:Label ID="Labell™" runat="server™" Text="<$%®# Eval ("ValLueTyYype") $>'> 
</asp:Label> 


但 这 样 显示 的 还 是 ValueType 属性 值 ， 而 不 是 直观 的 名 称 ， 为 此 需要 在 
KpiManager.aspx.cs 文件 中 为 页 面 类 添加 FormatValueType0 方 法 ， 注 意 参 数 类 型 是 object， 
具体 代码 如 下 : 

/// <summary> 

/// 格式 化 ValueType 字段 的 值 

/// </summary> 

protected string FormatVvalueType (object valueType) 

{ 

return Consts .GetValueTypeName (valueType.Tostring()); 
} 


上 述 代 人 码 中 的 GetValueTypeName() 为 Consts 祥 态 类 的 评 态 方法 , 考虑 到 这 是 对 音量 的 
处 理 ， 所 以 安排 在 了 Consts 类 中 ， 相 应 的 代码 为 


/// <summary> 
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/// 获取 KPI 指标 ， 值 类 型 ValueType 的 名 称 
/// </summary> 
public static string GetValueTypeName (string valueType) 
{ 
if (valueType 一“"0") return "普通 数值 "; 
else return "日 分 比 "; 
} 


在 数据 绑 定 表达 式 中 可 以 调用 所 在 页 面 类 方法 ， 实 现 对 绑 定 值 的 转换 ， 表 达 式 代 公 为 
Text="'<$# FormatVvalueType (Eval ("ValueType")) $%$>"'> 


注意 绑 定 表达 式 中 调用 的 方法 必须 是 对 应 页 面 类 的 public 或 protected 方法 , 而 且 因 为 


Bind() 方 法 是 双向 的 ， 所 以 Bind0) 方 法 无 法 应 用 这 样 的 转换 。 


5) 页 面 初始 化 
KPIs 在 页 面 初始 化 时 进行 权限 检查 ， 因 为 每 个 页 面 都 需要 该 功能 ， 因 此 将 相应 的 代码 


组 织 到 Utils 目 定 义工 具 类 中 。 例如 Utils 类 中 的 Admin(O) 方 法 检查 用 户 是 否 具 有 管理 员 的 
权限 “〈 非 正式 方案 、 话 见 下 一 遍 )， 如 采 没 有 则 跳 转 到 Login.aspx 页 面 ， 具 体 代 但 如 下 : 


转 。 


/// <summary> 

/// 检查 是 否 拥 有 管理 员 权 限 

/// </summary> 

/// <param name="user"> 用 户 对 象 </Param> 

/// <param name="pagqe"> 页 面 对 象 。</param> 

public static void IsAdmin (Staff user, PageBase page) 


{ 
1f (user == null || ‘user.IsAdmin) 
{ 
page.Response.Redirect ("~/Login.aspx"); 
} 
} 


IsAdmin0 方 法 接受 当前 用 户 和 页 面 对 象 两 个 参数 ， 其 中 页 面 对 象 用 于 实现 页 和 面 的 跳 


基于 IsAdmin0 方 法 实现 KpiManager.aspx 页 面 的 Page Load0 方 法 具体 代 公 如 下 : 
protected vold Page Load (object sender, EventArgs e) 
{ 
Utils.IsAdmin (this.CurrUser, this}); / /权限 检查 
if (!Page.IsPostBack) 
{ 
this.SetcontentTile ("指标 管理 "); // 设 置 页 面 内 容 标题 
tabEdits-Visible = false; / /隐藏 编辑 区 域 
} 
} 


初始 化 代码 中 设置 标题 的 SetContentTitle0 方 法 定义 在 PageBase 类 中 ， 实 现 对 页 面 所 
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用 母 版 页 中 “内 容 标 题 ” 的 设置 。 

6) 查找 指标 

根据 配置 ，odsIndex 控件 会 目 动 实现 查找 指标 的 功能 。“ 答 找 ” 按 钮 所 起 的 作用 仅仅 是 
触发 PostBack 请 求 , 无 论 是 首次 或 PostBack 请 求 页 面 ,odsIndex 控件 都 会 获取 tbSearchText 
控件 的 输入 值 ， 然 后 调用 指定 的 服务 类 方法 获取 指标 ， 从 而 实现 查找 指标 的 功能 。 

3. 管理 指标 

在 IndexService 类 中 添加 KPI 指标 CUD 方法 ， 读 者 可 以 参考 10.2 市 中 的 StaffService 
类 日 行 完成 ， 下 和 面 是 界面 处 理 方面 的 内 容 。 

1) 编辑 区 控件 控制 

根据 交互 设计 ， 实 现 CUD 操作 的 界面 控制 需要 实现 三 个 功能 : 隐 叱 和 显示 编辑 区 、 
根据 指标 对 象 设 置 编 辑 区 控件 、 清 空 编辑 区 控件 。 为 此 ， 为 KpiManage.aspx 页 面 关 添加 
SetEdits0 和 ClearEdits0 方 法 ， 具 体 代码 如 下 : 


/// <summary> 

/// 辅助 : 根据 指标 对 象 设置 编辑 框 

/// </summary> 

private Vold SetEdits (KpiIdxRow kplIdx) 

{ 
tbCode.Text = kpiIdx.Code; 
tbName.Text = kpiIdx.Name; 
tbDescription.Text = kpliIdx.Description; 
ddlValueType.SelectedValue = kplildx.ValueType; 
lbPrompt .Text = string.Empty; 

} 

/// <summary> 

/// 辅助 : 清空 编辑 框 

/// </summary> 

private Vold ClearEdits () 

{ 
tbCode.Text = string.Empty; 
tbName.Text = string.Empty; 
tbDescription.Text = string.Empty; 
ddlValueType.sSelectedIndex = 0; 
lbPrompt .Text = string.Empty; 

} 


2) 进入 编辑 状态 一 一 修改 和 删除 

当 单 击 KpiManage.aspx 页 面 gvIndex 控件 中 的 “修改 ”或 “删除 ”按钮 时 ， 页 面 需要 
进入 相应 的 编辑 状态 ， 这 个 状态 只 和 再 要 在 当前 页 面 中 保持 ， 所 以 可 以 用 ViewState 来 实现 。 

单 击 GridView 控件 东 行 中 的 按钮 ， 会 触 皮 GridView 控件 的 行 命令 (RowCommand) 
事件 (而 不 是 按钮 事件 )， 该 事件 会 传递 触 友 事件 的 行 号 和 按钮 的 CommandName 属性 值 。 
进一步 ， 如 果 将 按钮 的 CommandName 属性 值 设 置 为 Edit、Update 或 Delete，GirdView 控 
件 会 目 动 进行 默认 的 行 编辑 处 理 ，KPIs 中 不 打算 采用 GridView 控件 的 这 个 默认 机 制 ， 所 
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以 需要 将 gvIndex 控件 中 的 修改 和 删除 按钮 的 CommandName 属性 值 分 别 设置 为 Modify 和 
Remowve。 


为 gvIndex 控件 添加 行 命令 事件 处 理 方法 gvIndex RowCommand0， 具 体 代 码 为 


/// <summary> 
/// GridView 行 命令 : 进入 修改 或 删除 指标 状态 
/// </summary> 
protected void gvindex RowCommand (object sender, GridViewCommandEventArgs e) 
{ 
int lineIdx = Convert.ToInt32(e.CommandArgument); // 触 发 命令 的 行 号 
int idxID = (int)gvIndex-DataKeys [LineIdx] .Value:; // 行 数据 关键 字 


IndexService svr = new IndexService (}); 


KpiIdx kpilIdx = svr.FindIdxByID (idxID); // 根 据 关 键 字 获取 指标 对 象 
1f (kpiIdx != null) 
{ 


ViewSstate[Consts.ActionKey] = e.CommandName; // 记 录 编 辑 类 型 : 修改 或 删除 
ViewState [Consts.CurrRecordKey] = kpiIdx.ID; // 记 录 指 标 对 象 ID 属性 值 


setEdits (kpiTdx) ; // 根 据 指 标 对 象 设 置 编辑 区 域 中 的 控件 
tabEdits.Visible = true; / /让 编辑 区 可 见 
1f (e.CommandName == Consts.ActionDelete) 

{ 


lbPrompt .Text = "确定 删除 该 指标 ?2"; / /如果 是 删除 操作 ， 则 显示 删除 提示 信息 


} 


上 述 代 人 码 主 要 进行 了 以 下 3 方面 的 处 理 。 

(1) 获取 了 攻 属性 值 

事件 参数 CommandArgument 传递 触发 事件 的 行 号 ， 而 Gridview 控件 会 将 绑 定 对 象 清 
单 的 Key 值 保存 到 DataKeys 数组 属性 中 ， 因 此 用 CommandArgument 中 的 行 号 作为 下 标 ， 
可 以 获取 俘 发 事件 行 绑 定 对 象 的 Key 值 ， 

Key 值 对 应 的 具体 属性 通过 GridView 控件 的 DataKeyNames 属性 来 指定 ,例如 gvIndex 
控件 的 DataKeyNames="ID"， 表 示 指 标 ID 属性 为 Key。 因 此 ， 可 以 通过 int idxID=(int) 
gvIndex.DataKeys[lineIdx].Value 获取 指标 ID 属性 值 。 如 果 和 希望 能 从 DataKeys 中 同时 获取 
指标 的 Code 属性 值 ， 那 么 可 以 让 DataKeyNames='"ID,Code"， 然 后 通过 如 下 语句 获取 指标 
ID 和 Code 属性 值 : 


int idxID = (int)gvIindex.DataKeys[lineIdx] .Values["ID"]:; 
string idxCode = gvindex.DataKeys[lineldx] .Values["code"] .ToSstring(); 


(2) 你 存 编辑 状态 

通过 页 面 ViewState 保存 当前 编辑 类 型 和 对 象 ID 属性 值 . 由 于 ViewState 采用 Hashtable 
数据 结构 ， 因 此 需要 指定 保存 状态 的 Key 值 ， 为 此 在 Consts 类 中 添加 了 相关 Key 值 和 编 
辑 类 型 常量 ， 有 具体 代码 为 
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/ /页面 状 态 Key 值 : 当前 对 象 
Public const string CurrRecordKey = "CurrRecord"; 
/ /页面 状态 Key 值 : 当前 对 象 的 上 级 对 象 ID 属性 ， 例 如 上 级 部 门 ID， 人 员 所 属 部 门 ID 
Public const string ParentIDKey = "ParentID"; 
/ /页 面 状态 Key 值 : 编辑 类 型 
Public const string ActionKey = "Action™; 
/ /编辑 类 型 修改， 注意 和 GirdvView 按钮 的 CommandName 保持 一 致 
public const string ActionEdit = "Modify"™"; 
/ /编辑 类 型 : 增加 ， 注 意 和 GirqdView 按钮 的 CommandName 保持 一 致 
public const string ActionAdd = "New"; 
/ /编辑 类 型 : 删除 ， 注 意 和 GirdView 按钮 的 CommandName 保持 一 致 


public const string ActionDelete = "Remove"; 


(3) 显示 当前 记录 信息 

使 用 获取 的 了 属性 值 ， 调 用 BLL 服务 类 方法 获取 对 象 ， 例 如 上 述 代码 中 的 “KpiIdx 
kpildx = svr.FindIdxByID(idxID);”。 然 后 调用 前 述 的 SetEdits() 方 法 显示 对 象 内 容 。 

单 击 KpiManage.aspx 页 面 上 的 btAdd 按钮 0 添加 指标 ”按钮 ) 进入 新 增 状态 ， 新 增 
时 只 需 记录 编辑 类 型 为 新 增 即 可 ，btAdd 按钮 事件 处 理 方法 的 具体 代码 为 


/// <summary> 

/// 命令 : 进入 添加 指标 状态 

/// </summary> 

protected vold btAdd Click(object sender, EventArgs e) 


{ 
ViewSstate[Consts.ActionKey] = Consts.ActionAdd; // 记 录 编 辑 类 型 ， 添加 
ClearEdits (); / /清空 编辑 控件 
tabEdits.Visible = true; // 显 示 编 辑 区 

} 


4) 执行 编辑 操作 

进入 编辑 状态 后 可 在 编辑 区 得 看 或 修改 内 容 ， 单 击 btOK 按钮 (“ 确 定 ” 按 钮 ) 执 行 数据 
库 操作 ， 有 具体 过 程 为 : 从 页 面 ViewState 获取 编辑 类 型 和 ID 属性 值 ， 然 后 根据 编辑 类 型 调 
用 BLL 方法 完成 数据 库 操 作 。 如 采 数 据 库 操作 失败 ， 则 页 面 显示 钳 提 示 信 息 ;， 如 果 成 功 ， 
则 刷新 页 面 以 反映 编辑 后 的 指标 清单 。 具 体 的 事件 处 理 btOK_Click0 方 法 代码 如 下 : 


/// <summary> 
/// 执行 编辑 指标 操作 
/// </summary> 
protected vold btOK Click(object sender, EventArgs e) 
{ 
if (Viewstate[Consts.ActionKey] != null) // 进 入 编辑 状态 J 
{ 
string cmdName = Viewstate[Consts.ActionKey] .ToString (); // 获 取 编 辑 类 型 
IndexService svr = new IndexService();  // 准 备 BLL 服务 对 象 
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bool succeeded = true; / /设置 操作 结果 标记 变量 
if (cmdName == Consts.ActionDelete) //1.。. 删除 操作 

{ 


int idxID = (int)ViewSstate[Consts.CurrRecordKey]; 


/ /获取 删除 对 象 ID 属性 值 


try 
{ 
svr.DeletelIdx (IdqxID) ; / /执行 删除 操作 
} 
Catch // 失 败 
{ 
lbPrompt .Text =“" 删 除 失 败 。 只 能 删除 没有 被 使 用 的 指标 。"™; / /提示 错 误 信息 
succeeded = false; / /操作 结果 标记 失败 
} 
} 
else if (cmdName == Consts.ActionEdit)  //2. 修改 操作 
{ 


int idxID = (int)ViewSstate[Consts.CurrRecordKey]; 
/ /获取 修改 对 象 ID 属性 值 
try 
{ 
svr.UpdateIdx (tbCode.Text, tbName.Text, tbDescription.Text, 
ddlvalueType.Selectedvalue，idxID); // 从 控件 收集 数据 ， 执 行 修改 操作 


} 
catch /7 和 失败 
{ 
lbPrompt .Text = "修改 指标 失败 ， 注 意 指 标 编码 不 能 重复 。"; // 提 示 错 误 信 息 
succeeded = false; / /操作 结果 标记 失败 
} 
} 
else if (cmdName == Consts.ActionAdad) //3. 新 增 操 作 
{ 
try 
{ 
svr.AddIdx (tbCode.Text, tbName.Text, tbDescription.Text, 
ddlvalueType.SelectedValue); // 从 控件 收集 数据 ， 执 行 新 增 操作 
} 
catch // 失 败 
{ 
lbPrompt .Text = "新 增 指标 失败 ， 注 意 指标 编码 不 能 午 复 。"; / /提示 错 误 信 息 
succeeded = false; / /操作 结果 标记 失败 
} 
} 
if (succeeded) /7 成 功 ， 强 制 刷 新 页 面 


{ 
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Response.Redirect ("~/Admin/KpiManage .aspx"); 
} 


11.2” 部门 指标 管理 


在 Admin 文件 浆 下 添加 IndexManage.aspx 页 面 用 于 部 门 指标 管理 。 部 门 指标 井 理 的 区 
互 模式 和 指标 管理 总 体 来 说 是 类 似 的 ， 最 大 的 不 同 在 于 部 门 指 标 需要 参照 部 门 和 指标 ， 也 
束 是 指定 部 门 指标 所 属 的 部 门 和 所 应 用 的 指标 。 像 这 种 参照 了 男 一 个 对 象 的 情况 ， 通 常 不 
应 该 让 用 户 直接 录入 参照 对 象 信息 ， 而 应 该 提供 选择 参照 对 象 的 方式 。 

1.。 实现 部 门 树 


PB|]。 

1) 公开 母 版 页 属性 

许多 页 面 要 用 到 部 门 树 ， 因 此 将 其 放 在 Site master 母 版 页 中 。 但 页 面 或 母 版 页 中 的 控 
件 默 认 只 能 在 内 部 访问 ， 为 了 让 藤 套 在 母 版 页 中 的 页 面 能 够 访问 到 这 个 部 门 树 (treeDept) 
控件 ， 需 要 在 Site mastercs 文件 中 为 Site 类 中 添加 公开 属性 ， 代 人 码 如 下 : 


/// <summary> 
/// 部 门 树 控件 
/// </summary> 


public TreeView TreeViewDepartment { get { return treeDept; } } 


上 述 代 码 的 TreeViewDepartment 属性 通过 简单 地 返回 treeDept 控件 实现 了 内 部 控件 的 
公开 。 类 似 地 ，Site 类 还 公开 了 内 容 标题 Label 控件 的 Text 属性 ， 代 但 如 下 : 


/// <summary> 

/// 当前 主要 内 容 的 标题 (只 写 属性 ) 

/// </summary> 

public string ContentTitle { set { lbCcontentTitle.Text = value; } } 


为 了 方便 各 页 面 访问 上 述 公 开 属 性 ， 在 PageBase 类 中 对 母 版 页 进行 了 封装 ， 代 码 为 


/// <summary> 
/// 页 面 所 使 用 的 母 版 页 对 象 
/// </summary> 
private Site MasterPage { get { return this.Master as Site; } } 
/// <summary> 
/// 母 版 页 部 门 树 控件 
/// </summary> 
protected TreeVlIew treeDept 
{ 
get 


204 


Web 程序 设计 ASP.NET 项 目 实 训 


1f (MasterPage != null) return MasterPage.TreeViewDepartment; 


else return null: 


} 
/// <summary> 
/// 设置 母 版 页 内 容 标题 的 方法 
/// </summary> 
protected void SetContentTile (string title) 
{ 
1f (MasterPage != null) MasterPage.ContentTitle = title; 
} 


2) 操纵 TreeView 
(1) 生成 算法 
部 门 树 控件 是 一 个 ASPNET 的 TreeView 控件 , 基于 层次 数据 构造 TreeView 控件 需要 
使 用 递归 算法 ， 以 生成 部 门 树 为 例 ， 算 法 摘 述 如 下 。 
(1) 根据 数据 库 中 根部 门 记录 ， 生 成 部 门 树 的 根 节点 。 
(2) 生成 以 指定 节点 为 根 的 树 的 方法 BuildsubTree () 。 
(2.1) 获取 根部 门 的 所 有 直接 下 级 部 门 ; 
(2.2) 为 每 个 下 级 部 门 


(2 .2.1) 生成 部 门 对 应 的 节点 ， 作 为 指定 根 节点 的 子 节点 ; 
(2 .2.2) 递归 调用 BuildsubTree () ， 构 造 该 子 节点 为 根 的 子 树 。 
(2) 树 贡 局 


TreeView 控件 的 每 个 市 点 部 是 TreeNode 对 象 ， 根 据 部 门 对 象 创 建 节点 的 语句 为 
TreeNode node = new TreeNode (dept.Name, dept.ID.TosString()); 


TreeNode 类 构造 冰 数 的 第 1 个 参数 指定 入 点 显示 名 称 , 第 2 个 参数 指定 节点 附加 数据 ， 
也 就 是 TreeNode 对 象 的 Text 和 Value 属性 。 通 过 TreeNode 对 象 的 ChildNodes 属性 可 以 管 
理 该 节点 的 所 有 子 节 点 ， 子 节点 仍然 是 TreeNode 对 象 ， 因 此 为 根 节 点 root 添加 子 方 点 的 
语句 为 “root.ChildNodes.Add(node):”。 

(3) 根 节 点 

TreeView 控件 可 以 有 多 个 根 节点 ， 通 过 属性 Nodes 来 管理 。 例 如 清理 treeDept 控件 所 
有 根 和 节点， 然后 添加 一 个 新 的 根 贡 点， 代码 为 

treeDept .Nodes.Clear () :; / /清空 TreeView 控件 


TreeNode root = new TreeNode (dept.Name, dept.ID.ToString()); // 创 建 根 节点 
treeDept .Nodes.Add (root);  // 将 节点 添加 到 TreeView 控件 中 


(4) 当前 选中 节点 


当 用 户 单 击 某 个 节点 时 ， 该 节 ne ee TreeView 控件 的 当前 节点 ， 通 过 
TreeView 控件 的 SelectedNode 属性 可 以 获取 这 个 节点 ， 如 : 
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return treeDept.SelectedNode;  // 返 回 选中 的 节点 


也 可 以 通过 代码 设置 TreeView 的 选中 节点 : 首先 需要 找到 节点 ， 然 后 通过 设置 该 节点 
的 Selected 属性 来 实现 ， 例 如 将 根 节 点 设置 为 选中 状态 的 代码 为 


FoOot .SelectedaQ = true; 


(5) 选中 节点 改变 事件 

当 击 节点 改变 时 会 触发 TreeView 控件 的 SelectedNodeChanged 事件 , KPIs 中 的 部 门 树 
在 母 版 页 ， 但 每 个 页 面 都 有 自己 SelectedNodeChanged 事件 处 理 方法 ， 因 此 需要 通过 代码 
来 绑 定 事件 处 理 方法 ， 绑 定 代码 如 下 : 

treeDept .SelectedNodecChanged += new EventHandler 

(tvDept selectedNodeChanged); 


上 述 代码 的 twDept SelectedNodeChanged0 方 法 融 是 页 面 后 台 的 事件 处 理 方法 ， 例 如 
IndexManage.aspx 页 面 中 ， 当 前 部 门 节点 改变 时 需要 列 出 新 的 部 门 指 标清 单 ， 访 事件 处 理 
方法 的 代码 如 下 : 

/// <summary> 

/// 部 门 选择 改变 

/// </summary> 

protected vold tvDept SelectedNodeChanged (object sender, EventArgs e) 

{ 

int deptID = Convert .ToInt32 (treeDept .SelectedValue) ; 

// 获 取 选 中 节点 的 部 门 ID 
SetCUTrTrDepartment (deptID，treeDept .SelectedNode.Text}); 

// 设 置 当前 部 门 并 获取 该 部 门 的 指标 清单 

} 

3) LINQ to Object 

部 门 树 生 成 算法 需要 多 次 检索 部 门 数 据 (获取 直接 下 级 部 门 )， 为 避免 反复 读 取 数据 
库 造 成 性 能 问题 , KPIs 中 采用 一 次 性 获取 所 需 部 门 清单 到 内 存 , 然后 在 内 存 中 检索 的 方法 。 

将 部 门 清单 保存 在 List<Departmen 人 > 类 型 的 dtDept 列表 中 ， 使 用 LINQ to Object 的 
Where() 或 FirstOrDefault(0 方 法 可 以 方便 地 在 列表 中 检索 特定 的 数据 ， 这 2 个 方法 的 用 法 和 
L2S 的 对 应 方法 一 模 一 样 ， 例 如 从 上 述 dtDept 列表 中 获取 根部 门 的 代码 为 

Department dept = qtDept.FirstorDefault (d => d.Parent ID == null); // 根 部 门 

从 dtDept 列表 中 获取 指定 部 门 的 下 级 部 门 的 代 但 为 

List<Department> depts = dtDept -Where (d => d.Parent ID == qeptID) .ToList () ; 


4) 构造 部 门 树 
下 面 给 出 构造 部 门 树 的 完整 代码 ， 因 为 每 个 模块 都 要 设置 这 个 部 门 树 ， 只 是 不 同 模块 
对 应 不 同 的 部 门 清单 ， 所 以 将 设置 部 门 树 方法 封装 到 了 Utils 自 定义 工具 类 中 ， 代 人 码 如 下 : 


/// <summary> 
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/// 根据 部 门 清单 创建 部 门 树 

/// </summary> 

/// <param name="treeDept"> 部 门 树 控件 。</param> 

/// <param name="dtDept"> 部 门 清单 的 列表 。</param> 

/// <param name="rootID"> 指 定 根 部 门 ID 属性 仁 。0 表示 指定 顶级 部 门 。</param> 

/// <param name="defID"> 指 定 当前 区 点 的 部 门 ID 属性 仁 。0 表示 指定 根 记 点 </Param> 

/// <returns> 默 认 选 择 的 部 门 节点 。</VFeturns> 

public static TreeNode BuildDepartmentTreeView (TreeView treeDept, 
List<Department> dtDept, int rootID = 0, int defID = 0) 


treeDept .Nodes .Clear ():; / /清空 部 门 树 

Department dept; 

/ /根据 参数 rootID 确定 获取 的 根部 门 

1f (rootID <= 0) dept = dtDept.FirstorDefault(d => d.Parent ID == nul1) :; 


/7 顶级 部 门 
else dept = dtDept.FirstorDefault(d => d.ID == rootID); /7/ 指 定 部 门 
if (dept != null) // 存 在 根部 门 
| 
TreeNode root = new TreeNode (dept .Name，dept-.-ID.ToStrling() ) :; 
/ /创建 根 节点 


treeDept .Nodes .Add (root); / /将 节点 添加 到 树 中 
if (defID == 0) defID = dept.ID; 
/ /没有 指定 当前 节点 ， 那 就 指定 根 节 点 为 当前 节点 
BuildDepartmentsubTree (dept .ID, dtDept, root, defID); 
/ /创建 root 节点 为 根 的 子 树 〈 即 整 棵 树 ) 
} 
return treeDept.SelectedNode; // 返 回 选 中 的 节点 


/// <summary> 

/// 创建 指定 节点 为 根 的 子 树 

/// </summary> 

/// <param name="deptID"> 子 树 的 根 节点 部 门 ID 字段 值 。</param> 

/// <param name="dtDept"> 所 有 部 门 清单 的 列表 。</param> 

/// <param name="root"> 子 树 根 节点 。</param> 

/// <param name="dqefID"m> 指 定 当前 部 门 的 ID 属性 值 。< /param> 

public static void BuildDepartmentsubTree (int deptID, 
List<Department>dtDept, TreeNode root, int defID) 


if (deptID == defID) root.Selected = true; // 该 节点 为 指定 的 当前 节点 ， 选 中 它 

// 找 出 所 有 直接 下 级 部 门 

List<Department> depts = dtDept.Where(d => d.Parent ID == deptID). 
ToL1st (); 

foreach (Department dept in depts) // 为 每 个 直接 下 级 部 门 添加 对 应 子 节 点 

{ 
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TreeNode node = new TreeNode (dept .Name, dept.1ID.ToString()); 
root .childNodes.Add (node); 


BuildDepartmentSsubTree (dept .1ID, dtDept, node, defID); 
/ /递归 调用 构建 子 节点 的 子 树 


} 


5) 初始 化 部 门 树 
修改 IndexManage.aspx 页 面 为 继承 目 PageBase 类 ， 在 页 而 Page Load() 方 法 中 ， 通 过 
调用 Utils 目 定 义工 具 类 的 BuildDepartmentTreeView0 〇 方法 构造 部 门 树 ， 初 始 化 代码 如 下 : 


protected vold Page Load (object sender, EventArgs e) 
{ 
Utils.IsAdmin (this.cCurrUser, this);// 权 限 检 查 
/ /TreeView 控件 内 容 会 利用 ViewsState 日 动 保持 ， 只 在 首次 载 入 时 才 需 要 生成 部 门 树 
if (!Page.IsPostBack) 
{ 
int defID = 0; 
int .TryParse (Request["id"], out defID); 
// 试 图 提取 URL 中 指定 的 默认 当前 部 门 ID 属 性 值 
DepartmentServlce svr = new DepartmentSservice (); 
List<Department> dtDept = svr.GetAll(); // 获 取 所 有 部 门 清单 
TreeNode selectedNode = Utils.BuildDepartmentTreeView ( 
this.treeDept, dtDept, 0, defID); // 调 用 自 定义 工具 类 方法 创建 部 门 树 
// 根 据 当前 节点 保存 页 面 当 前 部 门 〈 状 态 ) 
SetCurTrDepartment (Convert.ToInt32 (selectedNode .Value), 
selectedNode .Text).; 
this.SetcontentTile ("指标 管理 "); 
// 调 用 PageBase 类 的 方法 , 设置 母 版 页 中 的 内 容 标 题 


SetDdlIndex (); / /设置 编辑 区 中 的 指标 选择 下 拉 框 
SetDdlCollector (); / /设置 编辑 区 中 的 负责 指标 采集 的 数据 员 选 择 下 拉 框 


} 
// 当 前 部 门 改变 处 理 ， 事 件 处 理 绑 定 不 会 目 动 保持 ， 所 以 每 次 页 面 载 入 都 要 重新 绑 定 
treeDept .SelectedNoadechanged += new EventHandler( 
LVDept SelectedNodeChanged); 
} 


2。， 浏览 部 门 指 标 

1) 修改 DAL 和 BLL 

修改 DeptKpiIldxView 视图 ;添加 部 门 名 称 、 有 采集 人 姓名 衬 段 ， 以 人 免 界 面 显 示 名 称 时 需 
要 再 次 根据 DD 属性 值 访 问 数据 库 ， 修 改 后 的 视图 定义 SELECT 语句 为 


SELECT DepartmentIdx.ID, DepartmentIdx.Idx ID, Kpildx.Code, 
KPplIdx.Name, KplilIdx. [Description], Kpildx.ValueType., 
DepartmentIdx.Department ID, DepartmentIdx.Frequency, 
DepartmentIdx. [Weight], DepartmentIdx.standValue, 


208 


Web 程序 设计 ASP.NET 项 目 实 训 


DepartmentIidx.collector ID, Department.Name AS Department Name， 
Staff.Name AS Staff Name 
FROM DepartmentIdx INNER JOIN KpiIdx 
ON DepartmentIdx.Idx ID = KPIIdx.ID INNER JOIN Department 
ON DepartmentIdx -Department ID = Department -ID 
LEFT OUTER JOIN Staff ON DepartmentIidx.Collector ID = Staff.1DnD 


由 于 部 门 指标 DepartmentIdx 表 的 Collector ID 字段 值 可 为 NULL, 所 以 连接 类 型 采用 
LEFT OUTER JOIN， 否 则 Collector ID 字段 值 为 NULL 的 部 门 指 标记 录 束 不 会 出 现在 视 
图 中 。 

修改 完 视图 后 , 重新 将 视图 对 象 拖 放 到 DAL.dbml 文件 的 L2S 设计 器 , 更 新 视图 对 象 。 
在 BLL 服务 类 IndexService 中 添加 方法 SearchDeptIdxByDepartment()， 代 人 码 如 下 : 


/// <summary> 

/// 获取 指定 部 门 的 包含 SearchText 的 部 门 指标 

/// </summary> 

/// <param name="searchText"> 衬 表示 获取 指定 部 门 的 所 有 部 门 指 标 。</param> 
public List<DeptKpiIdxView> SearchDeptIdxByDepartment (int deptID, 


string searchText) 


{ 
if (string.IsNullorEmpty (searchText)) // 获 取 指 定 部 门 的 所 有 部 门 指标 
{ 
return db.DeptKpiIdxView.Where(d => d.Department ID 
== dept1ID) .ToList (); 
} 
else // 获 取 指 定 部 门 的 关键 字 匹 配 部 门 指标 
{ 
return db.DeptKpiIdxView.Where(d => d.Department ID == deptID && 
(d.Code .Contains (searchText) 
| Id.Name .Contains (searchText))) .ToL1ist(); 
} 
} 


2) 设置 数据 源 

IndexManage.aspx 贝 面 的 数据 源 参 数 有 两 个 : 一 个 是 SearchText， 参 数 和 指标 页 和 面 的 
数据 源 设 置 完全 相同 ， 男 一 个 是 deptID， 参 数 为 当前 部 门 的 卫 属性 仁 。 由 于 部 门 树 位 于 
母 版 页 中 ， 所 以 数据 源 控件 无 法 自动 获取 deptID 参数 值 ， 为 此 在 如 图 11-3 所 示 的 对 话 框 
中 为 deptID 参数 选择 “参数 源 ” 为 None， 具 体 参 数值 将 通过 后 台 代 码 设置 。 

完成 配置 后 IndexManage.aspx 页 面 的 数据 源 控 件 odsDeptIdx 的 页 面 代 但 如 下 : 


<asp:ObjectDataSource ID="odsDeptIdx" SelectMethod= 

"SearchDeptIdxByDepartment™" 

TypeName="KPISs .BLL.IndexService™" runat="server"> 
<SelectParameters> 


<asp:Parameter DefaultValue="0"™" Name="deptID" Type="Int32"™" /> 
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<asp:ControlParameter ControlID="tbsearhName" DefaultValue="" 
Name="searchText"™" PropertyName="Text" Type="String"™" /> 
</SelectParameters> 


</asp:ObjectDataSource> 


为 IndexManage.aspx 页 面 类 添加 SetCurrDepartment0 方 法 ， 完 成 记录 页 面 状态 (当前 
部 门 ) 、 为 odsDeptIdx 控件 deptID 参数 赋值 的 工作 (searchText 参数 值 odsDeptIdx 控件 会 
自动 获取 ) ， 其 体 代码 如 下 : 

/// <summary> 

/// 设 首 当 前 选择 部 门 

/// </summary> 

private Vold SetCurrDepartment (int deptID, string deptName) 


{ 
ViewState[Consts.ParentIDKey] = deptID; // 保 存 当 前 部 门 ID 到 Viewstate 中 
lbDeptName .Text = deptName; // 显 不 当前 部 门 名 称 
ViewSstate[Consts.ActionKey] = null; / /清除 编辑 状态 
tabEdits.Vislible = false; // 非 编辑 状态 ， 隐 藏 编辑 区 


/ /设置 数据 源 deptID 参数 值 
odsDeptIdx.SelectParameters["deptID"] .DefaultValue = deptID.ToString(); 
} 


在 IndexManage.aspx 页 面 的 Page Load0) 方 法 中 设置 完 部 门 树 后 调用 上 述 方法 ， 传 递 
参数 为 部 门 树 当 前 节点 Value 和 Text 属性 值 。 在 treeDept 控件 SelectedNodeChange 事件 处 
理 代 码 中 , 也 需要 调用 这 个 方法 。 请 谈 者 目 行 完成 上 述 调用 代码 以 及 GridView 控件 的 设置 。 

3。 部 门 指标 编辑 操作 

1) 编辑 区 

IndexManage.aspx 页 面 编辑 区 和 KpiManage.aspx 负面 的 布局 基本 相同 ,主要 区 别 在 于 
选择 指标 部 分 ， 选 择 指 标 相 关 控 件 的 具体 页 面 代 码 如 下 : 


<table 1id="tabEdits" Tunat="serVer" width="]100%"™" cellpadding="5"> 


> 
<tqd align="right"> 指 标 : </td> 
<td><asp:DropDownList ID="dd1Index" runat="server" AutoPostBack="True" 
Width="200px" 
OnselectedIndexChanged="ddlindex SelectedIndexChanged"/></td> 
<td><span class="note">【〔 选 择 指 标 ) </span></td> 
</tr> 
下 
<td align="right"> 编 码 : </td> 
<td><asp:TextBox ID="tbhCode™" Readonly="true™" runat="server"/></td> 
<td></td> 
</tr> 
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<Lr> 
<td align="right"> 和 名称: ”</td> 
<td><asp:TextBox ID="tbName" ReadOnly="true" runat="server"/> 
</td><td></td> 
</tr> 
<tr> 
<td align="right"3 说 明 :; </td> 
<td><asp: TextBox ID="tbDescription™" Readonly="true" 
TextMode="MultiLine" 
runat="server™" Height="100px" Width="270px"/></td><td></td> 
</tr> 
<tr> 
td aligneneiohtns 类 型 。， </td> 
<td><asp:TextBox ID="tbValueType" Readon1lLYy=" 七 TUe"” runat="server"/> 
</td><td></td> 
</tr> 


</tabley> 


上 述 代 码 第 1 个 控件 为 选择 指标 下 拉 框 ， 其 余 控 件 仅 用 于 显示 指标 详细 信息 ， 因 此 设 
置 了 只 谈 属 性 。 选 择 指 标 下 拉 框 的 可 选 指标 清单 需要 根据 数据 库 Kpildx 表 设 置 ， 为 
IndexManage.aspx 页 面 基 添加 设置 ddlIndex 指标 下 拉 框 的 SetDdlIndex0 方 法 , 代 公 如 下 : 


private Vold SetDdlIndex () 
{ 
IndexService svr = new IndexService (); 
List<KpiIdx> dtIdx = svr.GetAllIdx(); // 获 取 所 有 指标 
ddlIndex.Items.Clear(); 
foreach (KpiIdx idx in dtIdx.Rows) / /各 指标 选项 
{ 
ddlIndex.Items.Add (new ListItem(1idx.Name, idx.ID.TosString())); 
// 生 成 下 拉 选 项 


} 


在 IndexManage.aspx 页 面 的 Page Load0 方 法 中 调用 上 述 方法 完成 编辑 区 指标 下 拉 框 
的 设置 。 当 切换 选择 指标 时 ， 还 需要 在 其 他 控件 中 显示 指标 详细 信息 ， 为 此 需要 啊 应 
ddlIndex 控件 SelectedIndexChanged 事件 〈 上 述 页 面 代 但 已 经 为 ddlIndex 控件 绑 定 了 
ddlindex_SelectedIndexChangedO 事 件 处 理 方法 )， 事 件 处 理 方法 的 具体 代码 为 


/// <summary> 
/// 切换 指标 下 拉 选 择 ， 同 步 切 换 显示 指标 详细 信息 的 控件 
/// </summary> 
protected vold ddlIndex SelectedIndexChanged (object sender, EventArgs e) 
{ 
1nt 1Q = Convert.ToInt32 (ddlIndex.SelectedValue):; 
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/ /下 拉 框 当前 选择 的 指标 ID 属性 值 
IndexService svr = new IndexService (); 
KpiIdx idx = svr.FindIdxByID (1id); / /根据 ID 属性 值 获取 指标 对 象 


if (idx != null]l) // 根 据 指标 对 象 设 置 控件 
{ 

tbhCode.Text = lidx.Code; 

tbName .Text = lidx.Name; 

tbhDescription.Text = idx.Description; 


tbValueType .Text = Consts.GetValueTypeName (ldx .ValueType); 


} 


编辑 区 部 分 控件 输入 内 容 是 数 子 ， 可 通过 校 验 控件 对 输入 内 容 进行 控制 ， 避 免 输 入 非 
法 数值 ， 例 如 输入 权重 的 也 Weight 文本 框 ， 其 校 验 控件 的 页 和 面 代码 为 


<asp:RegularExpressionValidator ID="revWelight" runat="server" 
CssClass="prompt™ 
ErrorMessage=" 内 能 是 0~100 的 整数 " Display="Dynamic" 
ControlToVvalidate="tbWelight" 
ValidationExpression=" (100) |\d{1,2}">* 只 能 是 0~100 的 整数 
</asp:RegularExpressionVvallidator> 
输入 部 门 指标 基准 值 的 tbStandValue 文本 框 ， 其 校 验 控件 的 页 面 代 码 为 
<asp:RegularExpresslionValidator ID="revSstandValue™" runat="server" 
CssClass="prompt" ErrorMessagqe=" 只 能 是 数值 " Display="Dynamic" 
ControlToVvalidate="tbstandValue" 
validationExpression="\d{1,15}\.2?M\d{0,2}">* 只 能 是 数值 


</asp:RegularExpressionValidator> 

上 述 校 验 控件 部 是 正则 表达 式 校 验 控件 ， 可 以 实现 较 复 杂 的 个 性 化 校 验 规则 。 

2) 其 他 辅助 方法 

KPIs 各 页 面 区 互 模式 基本 相同 ,页 面 所 震 主 要 辅助 方法 也 相同 。 全 于 IndexManage.aspx 


页 面 特有 的 辅助 方法 ,除了 前 述 SetDllIndex(O) 方 法 ， 还 有 数据 员 下 拉 列 表 和 当前 部 门 ID 局 
性 值 的 处 理 方法 。 


数据 员 下 拉 框 ， 也 需要 在 页 面 初 始 化 时 进行 选项 填充 。 考 虑 到 管理 员 、 领 导 通 币 不 会 
去 录入 数据 , 所 以 为 人 员 表 增加 IsCollector 字段 ， 只 有 IsCollector=true 的 人 员 才 是 数据 员 。 
注意 ， 如 果 采 用 多 值 Cookie 来 保存 当前 用 户 ， 则 需要 将 IsCollector 字段 值 也 保存 到 
Cookie 中 。 

另外， 管理 员 不 一 定 熟 悉数 据 员 ， 所 以 在 人 员 下 拉 框 中 同时 提供 人 员 的 部 门 和 姓名 ， 
为 此 再 要 在 数据 库 中 新 建 人 员 视 岁 ， 将 人 员 所 在 部 门 名称 也 包 舍 进去， 相应 SQL 语句 为 


CREATE VIEW StaffView AS 
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SELECT s.ID, ss.Name, s.UserName, 5s.[Password], 3.JobTitle, s.IsAdmin, 
s.IsLeader, 5s.I1sCollector, 3.Department 1ID, d.Name AS DeptName 
FROM Department d INNER JOIN staff s ON d.1ID = s.Department ID 


将 StaffView 视图 添加 到 DAL.dbml 设计 器 中 ， 增 加 StaffView 实体 集 。 修 改 BLL 中 
StaffService 类 的 方法 ， 添 加 IsCollector 字段 的 处 理 ， 添 加 获取 所 有 的 采集 人 员 的 
GetAllCollectors0) 方 法 ， 代 码 为 


public List<staffView> GetAllCollectors () 
{ 

return db.staffView.Where(d => d.IsCollector == true) .ToL1ist (); 
} 


基于 上 述 修改 ， 可 以 实现 数据 员 选 择 下 拉 框 的 设置 方法 ， 共 体 代码 如 下 : 


/// <summary> 
/// 设置 采集 数据 员 下 拉 框 
/// </summary> 
private Vold SetDdlCollector() 
{ 
staffService svr = new StaffService(); 
List<StaffView> dtstaff = svr.GetAllCollectors (); // 获 取 所 有 采集 数据 员 
ddlCollector.ltems.Clear (1) ; 
ddlCollector.Items.Add (new ListItem(" 停 止 采集 "，"-1")); 
/ /取消 采集 数据 员 的 选项 


foreach (StaffView staff in dtstaff) / /为 每 个 采集 数据 员 
{ 
ddlCollector.Items.Add (new ListItem(string.Format ("~{0}-{1}", 
staff.DeptName, 
staff.Name), staff.ID.TosString())); // 生 成 下 拉 杠 选项 
} 
} 


为 部 门 指 标 是 允许 没有 数据 员 的 《此 时 无 法 录入 访 部 门 指标 的 数据 )， 上 述 代 但 添 
加 了 一 个 额外 的 “停止 采集 ”选项 ， 其 值 为 -1， 用 于 表示 清除 部 门 指标 的 数据 员 。 
SetDdlCollector0 方 法 也 在 Page Load0) 方 法 中 被 调用 。 

(2) 清空 输入 控件 

IndexManage.aspx 页 面 的 ClearEdits(0) 方 法 负责 清空 输入 控件 ， 注 意 其 中 指数 和 数据 员 
选择 下 拉 框 的 默认 值 处 理 ， 特 别 是 指标 详细 信息 控件 的 设置 方法 ， 具 体 代 码 如 下 : 


/// <summary> 
/// 辅助 : 清空 编辑 框 
/// </summary> 
private Vold ClearEdits () 
{ 
ddlIndex.SelectedIndex = 0; // 上 默认 选择 第 1 项 指标 
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cdadlIndex selectedIindexChanged (null, null); 
/ /代码 触发 事件 处 理 , 填充 指标 详细 信息 
tbFrequency.Text = string.Empty; 
tbWeight.Text = "0"; 
tbstandValue.Text = ™O"™, 
ddlCollector.SelectedIndex = 0; / /默认 选择 第 1 项 , 即 停止 采集 
1bPrompt -Text = string.Empty; 
} 


(3) 设置 输入 控件 

设置 输入 控件 的 SetEdits0 方 法 根据 部 门 指 标 DeptKpiIndexView 视图 对 象 设 置 控件 内 
容 ， 该 视图 对 象 含有 完整 的 指标 信息 ， 可 以 直接 完成 指标 详细 信息 控件 的 设置 。 注 意 ， 如 
果 部 门 指 标 没 有 指定 数据 员 ， 则 数据 员 选 择 下 拉 框 应 该 默认 选中 “停止 采集 ”这 个 选项 。 
完整 的 方法 定义 代码 如 下 : 


/// <summary> 
/// 辅助 : 根据 部 门 指标 对 铺设 秆 编辑 框 
/// </summary> 
private Vold SetEdits (DeptKpiIdxView deptIdx) 
{ 
ddlIndex.Selectedvalue = deptIdx.Idx ID.ToString();// 指 标 选 择 下 拉 框 设置 
/ /直接 设置 指标 详细 信息 控件 ， 不 调用 ddlIndex SelectedIndexCchanged () 方 法， 避免 访 
// 问 数据 库 
tbCode.Text = deptlIdx.Code; 
tbName.Text = deptIdx.Name; 
tbDescription.Text = deptIdx.Description; 
tbVvalueType.Text = Consts.GetValueTypeName (deptIdx.ValueType); 
tbFrequency.Text = deptIidx.Frequency; 
tbweight .Text = deptIdx.Weight.ToString (); 
tbStandValue .Text = deptIdx.standValue.Tostring(); 


if (deptIdx.Collector ID == null) // 没 有 指定 数据 员 
ddlCollector.SelectedIindex = 0; 
else 


ddlcCollector.SelectedValue = deptIidx.Collector ID.ToString(}; 
lbPrompt .Text = string.Empty; 
} 


3) 实现 编辑 操作 

编辑 操作 同样 分 为 进入 编辑 状态 和 执行 编辑 操作 2 步 ， 其 中 进入 编辑 状态 的 处 理 和 指 
标 管 理 页 面 完全 相同 〈 当 然 编 辑 对 象 不 同 )。 执 行 编辑 操作 时 ， 由 于 涉及 参照 指标 、 参 照 数 
据 员 和 数值 字段 ， 在 收集 输入 内 容 上 有 所 不 同 。 下 面 是 编辑 区 btOK 按钮 的 单 击 事件 处 理 
btOK ClickO 方 法 的 代码 : 


protected vold btOK Click(object sender, EventArgs e) 
{ 
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if (VLewState [Consts .ActlLonKevy] != null) 
{ 
int deptID = (int)ViewSstate[Consts.ParentIDKey]; /7/ 当 前 部 门 ID 属性 值 


string cmdName = ViewSstate [Consts.ActionKevy] .ToString(); // 编 辑 类 型 
IndexService svr = new IndexService (); 

bool succeeded = true; 

1f (cmdName == Consts.ActionEdit || cmdName == Consts.Act1ionAdd) 


/ /修改 或 新 增 操作 


// 从 控件 中 获取 参数 
1nt idxID = Convert.ToInt32 (ddlIndex.SelectedValue}); 
int welght = Convert.ToInt32 (tbweight .Text) ; 


decimal standValue = Convert.ToDecimal (tbstandValue.Text); 

int? collectorID = null; / /数据 员 

1f (ddlCollector.SelectedValue != "™"—1") // 数 据 员 选择 不 是 "停止 采集 " 
collectorID = Convert.ToInt32 (adlCcollector .SelectedValue) 

if (cmdName == Consts.ActionEdit) // 更 新 操作 

{ 


int deptIdxID = (int)ViewSstate[Consts.CurrRecordKeyl]; 
try 
{ 
svr.UpdateDeptIdx (deptIdxID, 1idxID, deptID, tbrrequency.Text, 
welght,standValue, collectorID); 
} 
catch 
{ 
lbPrompt .Text = "更 新 部 门 指标 失败 。"; 


SUCCeedadeda = false; 


} 
else // 新 增 操作 
{ 
try 
{ 
svr.AddDeptIdx (1dxID, deptID, tbFrequency.Text, welght, 
standValue,collectorID),; 
} 
catch 
{ 
lbPrompt .Text = "添加 部 门 指标 失败 。"; 


SucCceeded = false;: 
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} 
else 1f (cmdName == Consts.ActionDelete) 
{ 
int deptIdxID = (Int)VLIewState [Consts .CUTTRecordKeV] ; 
try 
{ 
svr.DeleteDeptIdx (deptIdxID); 


} 
catch 
{ 
lbPrompt .Text = "删除 失败 。 只 能 删除 没有 采集 数据 的 部 门 指标 。"; 
succeeded = false; 
} 
} 
if (succeeded) // 成 功 , 则 刷新 页 面 , 且 用 QueryString 保持 当前 选择 的 部 门 状态 
Response.Redirect ("~/Admin/IndexManage.aspx?1d=" + deptID); 


} 
上 述 代码 的 最 后 ， 当 编辑 操作 成 功 时 通过 和 草 定 癌 到 本 页 和 面 实 现 页 面 刷 独 ， 同 时 为 了 你 


持 当 前 部 门 状态 ,还 通过 QueryString 传递 当前 部 门 了 属性 值 ， 对 应 的 Page Load0 方 法 中 
对 此 查询 变量 有 相应 的 处 理 。 


11.3 ”采集 指标 列表 


在 KPIsWeb 项 目 中 添加 Collect 文件 夹 ， 然 后 在 其 中 添加 List.aspx 页 面 。 由 于 数据 员 
负责 采集 的 指标 相关 部 门 不 一 定 能 形成 层级 关系 ， 所 以 Listaspx 页 面 的 部 门 树 只 有 一 层 。 
另外 ，Listaspx 页 和 面 中 列 出 当前 部 门 的 部 门 指标 清单 ， 数 据 员 可 以 直接 录入 其 中 菏 个 部 门 
指标 最 新 采集 的 数据 ， 也 可 以 跳 转 到 基 个 部 门 指标 的 数据 明细 管理 页 面 。 

1。 需求 调 整 

有 领导 提出 ， 布 望 在 部 门 指标 清单 中 束 能 看 到 指标 最 新 采集 的 数据 。 为 此 需要 为 
DepartmentIdx 表 添 加 NewValue 和 NewDate 字段 , 用 于 保存 最 新 采集 的 数据 和 对 应 的 采集 
日 期 ， 同 时 修改 DeptKpildxView 视图 ， 同 样 为 其 增加 这 两 个 字段 。 

打开 DAL.dbml， 刷 新 DepartmentIdx 表 和 DeptKpildxView 视图 ， 因 为 新 增 字 段 值 无 
须 手 工 录入 ， 所 以 无 须 修改 BLL 和 UI 中 的 已 有 代码 。 

2. 采集 部 门 指标 清单 

1) 采集 部 门 树 

(1) BLL 方法 

在 DepartmentService 类 中 添加 GetAlIForColletor0 方 法 ， 获 取 数 据 员 采集 部 门 清单 。 由 
于 采集 任务 记录 在 DepartmentIdx 表 中 ， 获 取 数 据 员 采集 部 门 清单 需要 利用 导航 属性 。 在 
DAL.dbml 设计 器 中 可 以 看 到 Department 和 DepartmentIdx 类 是 互相 关联 的 (因为 数据 库 中 
两 张 表 之 间 创 建 了 外 键 参 照 关 系 ), 所 以 DepartmentIdx 对 象 有 一 个 Department 属性 表示 相 
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关 的 Department 对 象 ， 反 之 Department 对 象 有 一 个 DepartmentIdx 集合 属性 表示 相关 的 
DepartmentIdx 对 象 集 合 。 利 用 这 个 特性 ， 很 容易 束 能 实现 髓 套 伍 询 ， 具 体 代码 如 下 : 


/// <summary> 

/// 获取 指定 数据 员 人 负责 采集 的 指标 相关 部 门 清单 

/// </summary> 

/// <param name="collectorID"> 指 定数 据 员 的 人 员 ID 届 性 值 。</param> 

public List<Department> GetAllForColletor(int collectorID) 

{ 
/ /选择 哪些 部 门 : 其 部 门 指标 对 应 的 数据 员 包 括 collectorID 参数 指定 的 数据 员 
return qdb .Department .Where (d => d.DepartmentIdx.Select (di 三 > 
di.Collector ID) .Contalns (collectorID)} .ToList (); 

} 


实现 上 述 代 码 的 LINQ 查询 方案 有 很 多 ， 请 读者 想 一 下 是 否 有 更 好 的 查询 方案 。 

(2) 生成 采集 部 门 树 

所 有 页 面 的 部 门 树 生成 方法 都 在 Utils 目 定义 工具 类 中 实现 ,采集 指标 列表 和 指标 数据 
明细 页 面 都 使 用 其 中 的 BuildDepartmentTreeViewForCollector0 方 法 ， 具 体 代码 如 下 : 


/// <summary> 
/// 创建 数据 员 的 采集 部 门 树 ， 单 层 树 ， 树 的 根 节点 为 一 个 虚拟 部 门 (Name= 采 集 部 门 ，ID=0) 
/// </summary> 
/// <param name="treeDept"> 有 目标 树 控件 。< /param> 
/// <param name="collectorID"> 数 据 员 ID 属性 值 。</param> 
/// <param name="defID"> 默 认 部 门 ID 属性 值 ，0 表示 默认 根部 门 。</param> 
/// <returns> 上 默认 部 门 对 应 节点 。</returns> 
Public static TreeNode BuildDepartmentTreeViewForCollector!( 
TreeView treeDept,int collectorID, int defID = 0) 
{ 
treeDept .Nodes .Clear (); 
DepartmentSsService svr = new DepartmentSservice(); 
List<Department> dtDept = svr.GetAllForColletor (collectorID); 
TreeNode root = new TreeNode ("采集 部 门 "，"0"); // 虚 拟 根部 门 
treeDept .Nodes .Add (root)}); 
1f (defID == 0) root.Selected = true; 
foreach (Department dept in dtDept .Rows) 
{ 
TreeNode node = new TreeNode (dept.Name, dept.ID.TosString()); 
root .ChildNodes .Add (node).: 
if (dept.ID == defID) node .Selected = true; 
} 


return treeDept.SsSelectedNode; 
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2) 答 询 部 门 指标 

数据 员 可 以 通过 输入 指标 Code 或 Name 属性 值 来 得 找 部 门 指标 ， 得 找 的 部 门 指 标 限 
定 在 当前 部 门 中 ， 但 根 和 节点 的 虚拟 部 门 表示 不 限定 部 门 。 

(1) BLL 方法 

为 mdexService 类 试 加 得 找 部 门 指 标的 SearchbDeptIdxForCollectorO) 方 法 ， 代 伍 为 


/// <summary> 
/// 为 数据 员 获 取 指 定 部 门 的 匹配 SearchText 的 部 门 指标 
/// </summary> 
/// <param name="staffID"> 数 据 员 的 人 员 ID 属性 值 。< /param> 
/// <param name="deptID"> 部 门 ID 属性 值 ，0 表示 所 有 部 门 。</param> 
/// <param name="searchText"> 奔 找 关 键 字 ， 空 表示 获取 所 有 部 门 指标 。</param> 
public List<DeptKpiIdxView> SearchDeptIdxForCollector (int staffID, 
string searchText,1int deptID=0) 
{ 
searchText = Null2Empty(searchText); 
if (deptID > 0) 
{ /7 在 指定 部 门 中 碍 找 数据 员 负 责 采 集 的 部 门 指标 ， 并 按 指标 ID 字段 值 排序 


return db.DeptKpildxView.Where(d => d.Department ID == deptID 
&& (d.Code.Contains (searchText) | |d.Name.Contains (searchText)) 
tt d.collector ID 一 staffID) .OrderBy (d=>d.Idx ID) .ToList(}; 
} 
else 
{ /7 不 限定 部 门 查 找 数据 员 负 责 采 集 的 部 门 指标 ， 按 部 门 编号 和 指标 ID 字段 值 排序 
return db.DeptKpiIdxView.Where(d => d.Collector ID == staffID 
&& (d.Code.Contains (searchText) || d.Name.Contains (searchText))) 
OrderBy(d => d.Department ID) .ThenByl(d 三 > d.Idx ID) -TOL1st() : 
} 


} 


注意 上 述 代 码 中 是 如 何 使 用 LINQ 实现 排序 的 。 单 个 字段 排序 采用 OrderBy0 方 法 ,多 
字段 排序 第 1 个 排序 字段 仍然 使 用 OrderBy0 方 法 ， 后 续 排 序 字段 用 ThenBy0 方 法 。 无 论 
是 OrderBy0) 方 法 还 是 ThenBy0 方 法 ， 一 次 都 只 能 指定 一 个 排序 字段 。 

(2) GridView 和 DataSource 控件 

采集 指标 列表 使 用 GridView 控件 配合 DataSource 控件 实现 ， 其 中 GirdView 控件 中 有 
两 列 按钮 列 ， 其 他 为 普通 的 内 容 列 ， 下 面 是 GridView 控件 的 关键 页 面 代 但 : 


<asp:GridView ID="gvDeptIdx"™ Funat="serVver" DataSourceID="odsDeptIdX" -… 
OnRowCommand="gvDeptIidx RowCommand ” DataKkeyNames="ID,Department Name， 
Name “> 


<Columns> 


<asp:ButtonField CommandName="Details" DataTextField="Name" 


HeaderText=" 指 标 " ShowHeader="True"> 
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< 工 emStyYy1le Width="18$%" /> 
</asp:ButtonField> 
<asp:ButtonField CommandName="Modify" Text=" 输 入 "> 
<ItemSstyle Width="5%" /> 
</asp:ButtonField> 
</Columns> 


</asp:GridView> 


注意 : 上 述 代码 中 ，gvDeptldx 控件 的 DataKeyNames 属性 指定 了 3 个 字段 名 ， 这 是 为 
了 能 从 gvDeptIdx 控件 的 DataKeys 属性 中 直接 获取 这 些 值 ， 这 会 减少 数据 库 访问 ， 但 增加 
网 页 的 大 小 ， 需 要 权衡 考虑 是 否 采用 这 种 缓冲 技术 。 

ObjectDataSource 控件 调用 IndexService 服务 类 的 SearchDeptIdxForCollector( 方 法 ，3 
个 参数 中 的 staffID 和 deptID 参数 通过 后 人 台 代 人 码 设 置 , searchText 参数 直接 从 tbSearchName 
控件 获取 ， 完 整 的 页面 代码 为 


<asp:ObjectDataSource ID="odsDeptIdx" runat="server" 

SelectMethod="SearchDeptIdxForCollector™" TypeName="KPISs .BLL.IndexService"> 
<SelectParameters> 

<asp:Parameter Name="staffID™" Type="InNt32"™" /> 

<asp:Parameter DefaultValue="0" Name="deptID" Type="Int32"™" /> 

<asp:ControlParameter ControlID="tbsearhName”" DefaultValue="" 

Name="searchText"™" PropertyName="Text" Type="String" /> 

</SelectParameters> 


</asp:ObjectDataSource> 


3) 页 面 后 台 代 码 
页 面 初始 化 和 当前 部 门 改 变 时 ， 需 要 香 狐 设置 odsDeptIdx 控件 的 staffID 和 deptID 参 
数值 ， 所 以 为 List.aspx 页 面 定 义 设置 odsDeptIdx 控件 参数 的 方法 ， 具 体 代 码 为 


private Vold SetodsParameters (string deptID, int staffID) 

{ 
odsDeptIdx.SelectParameters["deptID"|] .DefaultValue = deptID; 
odsDeptIdx.SelectParameters["staffID"] .DefaultValue = staffID.ToString(); 


在 部 门 树 世 点 改变 事件 处 理 方法 中 调用 上 述 方法 实现 当前 部 门 的 切换 ， 代 码 为 


/// <summary> 

/// 部 门 选择 改变 

/// </summary> 

protected vold tvDept SelectedNodeChanged (object sender, FEventArgs e) 
{ 


第 11 章 ”实现 管理 功能 上 2 


SetodsParameters (treeDept.SelectedValue, this.CurrUser.ID); 
} 


页 面 Page Load() 方法 中 ， 为 部 门 树 绑 定 上 述 tvDept_SelectedNodeChanged() 事 件 处 
理 方法 和 其 他 初始 化 工作 ， 包 括 设 置 odsDeptldx 控件 参数 值 ，Page Load0 方 法 代 人 如 下 : 


protected vold Page Load (object sender, EventArgs e) 


{ 
Utils.IsCollector (this.CurrUser, this); / /权限 检查 
if (!Page.IsPostBack) 
{ 
int defID = CheckQuerystring();  // 获 取 通 过 查询 参数 传递 的 默认 部 门 ID 属性 值 
TreeNode selectedNode = Utils.BuildDepartmentTreeViewForCollector ( 
this.treeDept, this.CurrUser.ID, defID); / /构造 采集 部 门 树 
this .SetContentTile ("指标 数据 采集 "); // 设 置 内 容 标题 
SetodsParameters (SelectedNode .Value，thl1s.CurrUser .ID) ; 
// 议 章 数 据 源 参数 
} 


// 绑 定 部 门 树 当 前 节点 改变 事件 处 理 方法 
treeDept .SelectedNodeChanged += new EventHandler!l 
tvDept SelectedNodeChanged); 

} 


上 述 代 码 中 检查 权限 的 Utils.IsCollector0 方 法 和 前 述 Utils.IsAdmin() 方 法 基本 相同 ， 而 
CheckQueryString0 方 法 是 从 QueryString 中 提取 参数 的 方法 ， 有 具体 代 但 如下: 


private int CheckQuerystring () 
{ 
int deflID = 0; 
int.TryParse (Request["id"], out defID); 
/ /试图 提取 URL 中 指定 的 默认 部 门 ID 属性 值 
return def1ID; 


} 
3. 了 录 人 指标 数据 
1) 编辑 区 


指标 数据 录入 编辑 区 的 整体 布局 和 其 他 页 面 编辑 区 相同 ， 关 键 的 页 面 代码 (上 略 去 了 所 
有 用 于 实现 布局 的 表格 标记 ) 如 下 : 


部 门 : <asp:Label ID="1bDeptName" runat="server"></asp:Label> 
指标 : <asp:Label ID="1bIdxName" runat="server"></asp:Label> 
指标 日 期 : <asp:TextBox ID="tbCDate™ runat="server™" MaxLength="50"/> 
<asp:RegularExpressionValidator ID="RegularExpresslionValidatorl" 
runat="server" ErrorMessage=" 日 期 格式 非法 " CssCclass="prompt" Display= 
"Dynamic" 
ControlToValidate="tbCDate" ValidationExpression="™\d{4}/\d{2}\/d{2}"> 
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* 日 期 格式 非法 </asp:RegularExpressionValidator> 
<span class="note"> (日 期 格式 :2014-12-01) </span> 
指标 值 : <asp:TextBox ID="tbVvalue™" runat="server™" MaxLength="20"/> 
<asp:RegularExpressionValidator ID="reVvValue" runat="server" 
ErrorMessage=" 内 能 是 数值 " CssClass="prompt" Display="Dynamic" 
ControlToValidate="tbValue™" VallidationExpress1ion= 
"Nd{l,15}\.2\d{0,2}"> 
* 只 能 是 数值 </asp:RegularExpressionValidator> 
<asp:Button ID="btOK™" runat="server™ Text=" 人 确定 " OnClick="btOK Click" /> 
<asp:Label ID="]bPrompt" runat="server" CssClass="prompt"></asp:Label> 


上 述 代 码 中 部 门 和 指标 Label 控件 用 于 显示 当前 录入 的 部 门 指 标 所 在 的 部 门 名 称 和 指 
标 名 称 ; 指标 日 期 TextBox 控件 用 十 录入 指标 数据 规定 的 采集 日 期 ， 为 了 防止 输入 非法 格 
式 的 日 期 采用 了 正则 表达 式 校 验 控件 ; 而 指标 值 TextBox 控件 也 通过 正则 表达 式 校 验 控 
件 实现 了 对 数值 格式 的 校 验 。 

上 述 输入 控件 不 包含 指标 数据 对 象 的 其 他 几 个 字段 ， 例 如 实际 录入 时 间 、 录 入 的 数据 
员 信 息 ， 因 为 这 些 字 段 值 应 该 由 天 PIs 目 动 确定 ， 无 须 用 户 输入 。 

2) 进入 编辑 状态 

当 用 户 单 击 gvDeptIdx 控件 的 指标 列 或 “输入 ”按钮 ， 就 会 触发 GridView 控件 的 
RowCommand 事件 ，gvDeptIdx RowCommand0 事 件 处 理 方 法 的 具体 代码 如 下 : 


/// <summary> 
/// gvDeptIdx 行 命令 处 理 ， 输 入 数据 或 浏览 明细 数据 
/// </summary> 
protected vold gvDeptIdx RowCommand (object sender, 
GridViewCommand EventArgs e) 
{ 
int lineIdx = Convert.ToInt32 (e.CommandArgument); // 触 发 行 命令 的 行 号 
// 从 Gridview 控件 的 DataKeys 中 提取 部 门 ID 属性 值 
int deptIdxID = (int)gqvDeptIidx.DataKeys [lineIdx] -Values["ID"] ; 
if (e.CommandName == Consts.ActionEdit) / /修改 操作 
{ 
/ /记录 修 改 状态 ， 设 置 编辑 区 控件 
ViewSstate[Consts.CurrRecordKey] = deptIdxID; 
// 从 GridadView 控件 的 DataKeys 中 提取 部 门 名 称 和 指标 名 称 
lbDeptName.Text = gvDeptIdx.DataKkeys[lineldx] .Values["Department 
Name"] .ToString (); 
lbIdxName .Text = gvDeptIdx.DataKeys[linelIdx] .Values["Name"] .TosString (); 
tbCDate -Text = DateTime.Today.ToShortDatestring ()，; 
/ /规定 采集 日 期 默认 为 当天 


tbvVvalue.Text = mnOm - / /采集 指标 数据 默认 值 为 0 
tabEdits.Visible = true: // 显 示 编 辑 区 


1bPrompt .Text = string.Empty; 
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} 
else // 跳 转 明细 页 和 面 操作 : 传递 iq = < 部 门 指 标 ID 属性 值 > 
| 
Response.Redlrect (string.Format ("Data.aspx?1d={0}", deptIdxID)); 
} 


} 


3) 保存 指标 数据 

进入 修改 状态 后 ， 用 户 在 编辑 区 输入 指标 数据 ， 然 后 单 击 “确认 ”按钮 ， 系 统 将 指标 
数据 保存 到 数据 库 。 为 此 ， 需 要 在 IndexService 服务 类 中 添加 指标 数据 的 CRUD 方法 。 注 
意 指标 数据 的 CUD 方法 需要 完成 以 下 两 项 额外 工作 : 同步 更 新 日 志 、 同 步 更 新 对 应 部 门 
指标 最 新 值 。 

(1) 调整 日 志 表 结 构 

日 志 记 录 的 是 历史 操作 ， 当 涉及 的 指标 或 数据 员 调整 时 ， 已 经 生成 的 日 志 记 录 不 应 该 
随 之 调整 ， 所 以 日 志 表 不 应 该 参照 指标 、 人 员 表 ， 而 应 该 直接 在 日 志 表 中 保存 这 些 信 息 。 
修改 后 的 日 志 表 如 表 11-4 所 示 。 


表 11-4 修改 后 的 日 志 Log 表 


字段 名 类 型 属性 说 明 

ID Int64 PK，IDENTITY 日志 了 

ActTime DateTime NOT NULL 操作 时 间 

Action String(10) NOT NULL 操作 类 型 。 一 共有 三 个 取 值 : 新 增 、 修 改 、 删 
除 。 考 虑 到 仅 用 于 显示 ， 所 以 直接 保存 中 文 

Description String(100) NOT NULL 操作 详情 。 文字 方式 的 描述 , 例如 : 删除 数据 ， 
采集 时 间 : RX, 值 : 各 总 总 

CollectorName String(50) NULL 操作 人 姓名 

CollectorUserName String($0) NULL 操作 人 用 户 名 

DeptIdx ID Int32 NOTNULL, FK 数据 所 属 的 部 门 指标 ID ， 参 照 
DepartmentIdx.ID 

DeptName String(50) NULL 部 门 名 称 

IdxName String(50) 指标 名 称 


完成 数据 库 表 格 修改 后 ， 需 要 刷新 DAL.dbml 中 的 Log 类 。 

(2) 更 新 部 门 指标 最 新 值 

以 新 增 指标 数据 的 AddData(0) 方 法 为 例 , 说 明 IndexService 服务 类 中 部 门 指标 数据 CUD 
方法 的 实现 。AddData0 的 具体 代码 如 下 : 

public int AddData (DateTime cdate, decimal value, int deptIdxID, 

Staff collector) 


{ 
/ /获取 部 门 指标 。 不 进行 部 门 指标 是 否 存 在 的 判断 ， 如 不 存在 部 门 指 标 ， 由 异常 处 理解 决 
DeptKpliIdxView lindex = db.DeptKpiIldxView 


.FirstorDefault(d => d.ID == deptIdxID); 
Log newLog = new Log () // 创 建 日 志 对 象 


{ 
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ActTime = DateTime.Now， // 目 动 确 定 操作 时 间 
Action “新 增 "， 
Description = string .Format ("新 增 数据 ， 采 集 时 间 :{0}， 值 ;: {1}。"， 
cdate.ToShortDatestring(), value), 
CollectorName = collector.Name, 
CollectorUserName = collector.UserName, 
DeptIidx ID = aeptIdxID， 
DeptName = index.Department Name， 
IdxName = index.Name 
}; 
db.Log.Insertonsubmit (newLog);// 插 入 日 志 
//V 知 部 门 指标 最 新 值 日 期 早 于 当前 日 期 ， 则 更 新 部 门 指标 最 新 值 
1f (index.NewDate == null || index.NewDate < cdate) 
{ 
DepartmentIdx old = db.DepartmentIdx.First(d => d.I1ID == deptIdxID); 
old.NewValue = value; // 最 新 值 
old.NewDate = cdate; // 最 痢 但 日 期 
} 
IdxData newIdx = new IdxData() // 创 建部 门 指标 数据 对 象 
{ 
CDate = cdate, 
Value = value, 
IDate = DateTime .Now，// 自 动 确 定 实际 录入 时 间 
DeptIidx ID = deptIdxID, 
CollectorUserName = collector.UserName, 
CollectorName = collector.Name 
}; 
db.IdxData.Insertonsubmit (newIdx); 
qb . Submitchanges ();  ”// 将 所 有 更 新 提交 到 数据 库 
return 1; 


} 


上 述 代 码 涉及 多 个 数据 库 表 的 操作 : db.DeptKpildxView.FirstOrDefault(0) 获 取 部 门 指 
标 ，db.Log.InsertOnSubmitO 添 加 日 志 ，db.DepartmentIdx.FirstO 获 取 震 更 新 的 部 门 指标 并 赋 
予 最 新 值 , db.IdxData.InsertOnSubmitO 用 于 添加 部 门 指标 数据 。 最 后 通过 db.SubmitChanges0) 
将 所 有 更 新 提交 到 数据 库 。 


11.4 ”指标 数据 明细 


添加 Collect/Data.aspx 外 耐用 于 展示 某 个 部 门 指 标的 数据 明细 。Data.aspx 页 面 采 用 和 
List.aspx 页 面相 同 的 部 门 树 ， 单 击 部 门 树 节点 跳 转 回 List.aspx 页 面 ， 其 内 容 区 包括 3 个 部 
分 : 部 门 指标 许 细 信息 、 指 标 数据 明细 列表 和 指标 数据 编辑 区 。 

1， 部 门 指标 详细 信息 

数据 明细 页 面 应 该 明确 展示 当前 正在 管理 的 数据 明细 属于 哪个 部 门 指标 ， 同 时 提供 一 
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些 部 门 指标 详细 信息 便于 用 户 和 擎 握 部 门 指标 的 特性 。 

1) FormView 

使 用 FormView 控件 展示 数据 源 中 的 单条 记录 非常 方便 , FormView 控件 允许 自由 定义 
记录 展示 的 布局 ， 开 发 人 员 需 要 创建 一 个 包含 控件 的 模板 ， 模 板 中 通过 绑 定 表达 式 来 指定 
控件 显示 的 属性 。Data.aspx 页 面 将 部 门 指标 FormView 控件 放置 在 内 容 布 局 表格 前 ， 具 体 
的 页 面 代码 如 下 : 


<asp:FormView ID="fvDeptIdx" Frunat="serVer" DataSourceID="odsDeptIdx"> 
<ItemTemplate> 

<div class="content subtitle"> 
部 门 : <asp:Label ID="1l1bDN™ runat="server" 
Text="<$%®# Eval ("Department Name") $>"'/> 
指标 : <asp:Label ID="1bIdxName" runat="server" 
Text="<$# Eval ("Name™")%®%>" /> 
采集 频率 ; <asp:Label ID="lbFreq" runat="server" 
Text="'<$# Eval ("Frequency")$%>" /> 
权重 : <asp:Label ID="l]lbWeight" runat="server" 
Text="'<$# Eval ("Weight") $%$>" /> 


<jdivS 

Hv Clases— "content subtitle"> 
<asp:Label ID="lbDesc”" runat="serVver" 
Text="'<$# Eval ("Description™") $>" /> 

</div> 

<d1iv class—"content subtitle"> 
目标 值 ; <asp:Label ID="1bSV” runat="server" 
Text="'<$# Eval ("StandValue™") $>" /> 
最 新 伍 : <asp:Label ID="1bNV" runat="server" 
Text="'<$# Eval ("NewValue™") $%$>" /> 
最 新 日 期 ， <asp:Label ID="1LbND" runat="server" 
Text="'<$# Eval ("NewDate™.) $$>" /> 

</div> 

</ItemTemplate> 


</asp:FormView> 
上 述 fyDeptIdx 控件 的 布局 放置 在 <ItemTemplate> 标 记 之 间 ， 定 义 了 数据 展示 模板 
(FormView 控件 还 可 以 用 <EditItemTemplate> 和 <JInsertItemTemplate> 标 记 定 义 修改 和 新 增 
的 模板 )， 通 过 3 个 <div> 标 记 实 现 布局 ， 它 们 的 样式 类 都 是 content_subtitle， 相 应 的 CSS 
代 公 如 下 : 
-Content subtitle 


{ 
/* 前 5 行 用 于 实现 文本 超出 长 度 目 动 截断 ， 并 添加 省 略 号 ) */ 
white-space: nowrap; 
overflow: hidden; 
-ms—text-overflow: ellipsis; /*IE 6*/ 
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-oO-text-overflow: ellipsis; /* Opera */ 
-moz-blndling: url("ellipsis.xml#ellipsis"); /*F]lreFox*/ 
text—indent: 25px; 
color: Blue; 
width: 726px; 
height: 28px; 
line-height: 28px; 
background: url(../Images/content title.jpg) no-repeat; /#* 表 景 狗 月 *V/ 
} 


2) DataSource 
fvDeptIdx 控件 使 用 ObjectDataSource 控件 作为 数据 源 获 取 展 示 的 部 门 指标 对 象 ， 该 数 
据 源 则 调用 了 IndexService 服务 类 的 FindDeptIdxByID0O 方 法 ， 具 体 的 页 面 代 人 码 为 


<asp:ObjectDataSource ID="odsDeptIdx" runat="server" 
SelectMethod="FindDeptIdxByID" TypeName="KPIs.BLL.IndexService"> 
<SelectParameters> 
<asp:QuerystringParameter DefaultValue="0" Name="deptIdxID" 
QuerystringField="1id™" Type="Int32"™ /> 
</SelectParameters> 


</asp:ObjectDataSource> 


上 述 odsDeptIdx 控件 的 deptIdxID 参数 指定 数据 所 属 部 门 指标 DD 属性 值 , 页 面 代 但 中 
指定 了 其 来 源 为 QueryStrng， 域 为 14。 相 应 地 ， 在 List.aspx 页 面 中 单 击 gvDeptIdx 控件 中 
指标 名 称 时 ， 使 用 “Response Redirect(stting.Format("Data.aspx?id={10}", deptIdxID));” 语 句 ， 
通过 QueryString 传递 部 门 指标 ID 属性 值 ， 这 样 odsDeptIdx 控件 就 能 目 动 获取 这 个 参数 
值 了 。 

2. 指标 数据 明细 列表 

1) 页面 布 局 

指标 数据 明细 列表 的 布局 和 其 他 管理 页 面 列 表 布局 相同 ， 第 1 行为 租 找 和 添加 按钮 ， 
第 2 行为 GridView 和 了 DataSource 控件 ， 第 1 行 的 页 面 代 码 如 下 : 


LE 
<td> 

目 定 日 期 ，<asp :TextBox ID="tbFromDate"™" runat="server™” />- 

<asp:TextBox ID="tbToDate™" runat="server™" /> 

<asp:Button ID="btSeek"™" runat="server"” Text=" 查 找 " 

CausesVallidation="False" /> 

<asp:RegularExpressionValidator ID="revFromDate™" runat="server" 
ErrorMessage=" 日 期 格式 非法 " Cssclass="prompt" Display="Dynamic" 
ControlToVvalidate="tbFromDate"™" 
ValidationExpression="™\d{4}/\d{2}/\d{2}"> 
* 日 期 格式 非法 </asp:RegularExpressionValidator> 


<asp:RegularExpressionVallidator ID="reVvToDate" runat="server" 
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ErrorMessage=" 日 期 格式 非法 " CssClass="prompt” Display="Dynamic" 
ControlToVvalidate="tbToDate" 
ValidationExpression="™\d{4}/\d{2}/\d{2}"> 
* 日 期 格式 非法 </asp:RegularExpressionValidator> 

</td> 

<td> 

<asp:LinkButton ID="btAdd™ runat="server™ OnClick="btAdd Click"™ 

causesValidation="False"> 添 加 数据 </asp:LinkButton> 

</td> 

</tr> 


上 述 代码 中 ， 表 格 第 1 行 的 第 1 列 为 两 个 输入 日 期 的 tbFromDate 和 tbToDate 文本 框 ， 
以 及 触发 页 面 回 发 (Postback) 的 查找 按钮 。 为 了 确保 文本 框 输入 为 合法 日 期 格式 ， 还 设 
置 了 两 个 正则 表达 陈 校 验 控 件 。 第 1 行 第 2 列 为 添加 数据 btAdd 按钮 ， 注 意 其 
CausesValidation 属性 设置 用 于 避免 引发 校 验 控件 的 校 验 动作 。 

下 面 是 布局 第 2 行 的 GridView 控件 和 DataSource 控件 ， 其 中 GridView 控件 和 之 前 其 
他 GridView 控件 只 有 字段 不 同 ， 故 省 略 ， 第 2 行 的 页 面 代 码 如 下 : 


<tr> 
<td colspan="2"> 


<asp:ObjectDataSource ID="odsIdxData"™" runat="server" 
SelectMethod="GetIdxData"™" TypeName="KPISs.BLL.IndexService"> 
<SelectParameters> 
<asp:Parameter Name="deptIdxID™" TYpe="Int32" /> 
<asp:ControlParameter ControlID="tbrFromDate™ 
Name="dateFrom" PropertyName="Text" Type="DateTime™" /> 
<asp:ControlParameter ControlID="tbToDate™" Name="dateTo™ 
PropertyName="Text" Type="DateTime™" /> 
</SelectParameters> 
</asp:ObjectDataSource> 
</td> 
</tr> 


上 述 odsIdxData 控件 调用 了 IndexService 服务 类 的 GetIdxData() 方 法 ， 其 deptIdxID 参 
数值 通过 后 台 代 人 码 设 置 ， 日 期 范围 dateFrom 和 dateTo 参数 值 目 动 从 相应 的 文本 框 中 获取 。 
在 IndexService 服务 类 中 添加 GetIndexData0) 方 法 ， 有 具体 代码 如 下 : 


/// <summary> 

/// 获取 指定 部 门 指 标 ， 指 定 日 期 范围 内 的 所 有 部 门 指标 数据 

/// </summary> 

public List<IdxDataView> GetIdxData (int deptIdxID, DateTime dateFrom, 
DateTime dateTo) 


return = db.IdxDataView.Where (d => d.CDate >= dateFrom && d.CDate <= dateTo 
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&& d.DeptIdx ID == deptIdxID) .ToList (); 


} 

上 述 代 码 中 的 IdxDataView 为 新 建 视图 ， 以 便 在 获取 部 门 指 标 数据 的 同时 获取 对 应 部 
门 指标 标准 值 ， 其 定义 视图 的 相应 SELECT 语句 如 下 : 

SELECT 1.1ID, 1.CDate, 1i.Value; 1.IDate, 1.DeptIdx ID， 


1.CollectorUserName, 1.CollectorName, d.standVvalue 


FROM IdxData 1 INNER JOIN DepartmentIdx d ON i.DeptIdx ID = d.ID 


2) 页 面 初始 化 

Data.aspx 页 面 Page Load() 方 法 需要 完成 的 任务 可 分 为 3 部 分 : 首先 是 权限 检查 ; 然 
后 是 针对 非 回 发 页 面 请 求 的 初始 化 ， 包 括 获 取 当 前 部 门 指标 ID 属性 值 、 构 造 部 门 树 、 设 
置 内 容 标题 、 隐 藏 编辑 区 ， 以 及 设置 得 询 文 本 框 和 DataSource 控件 参数 的 默认 值 ; 最 后 是 
为 部 门 树 当 前 节点 变更 事件 绑 定 处 理 方法 。 该 方法 的 具体 代码 如 下 : 


protected vold Page Load (object sender, EventArgs e) 


{ 
Utils.IsCollector(this.currUser, this);  ”// 检 查 权限 
if (!Page.IsPostBack) // 非 回 发 页 面 请 求 
{ 
int deptIdxID = SaveQuerystringstate (); 
/ /获取 并 保存 部 门 指标 ID 属性 值 到 ViewState 
/ /构造 部 门 树 
Ut1ils.BuildDepartmentTreeViewForCollector (this.treeDept, 
this.CurrUser.ID, -1); 
SetContentTile ("采集 数据 明细 "); ” // 设 置 内 容 标 题 
tabEdits.Visible = false; // 隐 忠 编 辑 区 
// 设 置 默认 查询 日 期 范围 
tbFETromDate .Text = DateTime.Today.AddMonths (-1) .ToSshortDatestring (); 
tbToDate.Text = DateTime.Today.ToShortDatestring (); 
// 设 置 deptIdxID 查询 参数 值 
odsIdxData.SelectParameters["deptIdxID"| 
.DefaultValue = deptIdxID.ToString (); 
} 


treeDept .SelectedNodechanged += new EventHandler (tvDept SelectedNode-— 
Changed); 
} 


上 述 代码 调用 Utils.BuildDepartmentTreeViewForCollector0 方 法 时 , 传递 的 默认 部 门 ID 
属性 值 为 -1， 表 示 默 认 不 选择 任何 部 门 节点 。 至 于 SaveQueryStringState0) 方 法 ， 则 负责 从 
QueryString 中 获取 部 门 指 标 ID， 并 保存 到 ViewState 中 ， 具 体 代 但 为 


private int SaveQuerystringstate() 


{ 
int deptIdxID = 0; 


} 


int .TryParse (Redquest["id"]，out deptIdxID); ”// 获 取 当 前 部 门 指 数 ID 属性 值 
ViewSstate[Consts.ParentIiDKey] = deptIdxID; / /保存 到 Viewstate 中 
return deptIdxID; // 返 回 ID 属性 值 


Page Load0 方 法 最 后 为 部 门 树 绑 定 了 tvDept SelectedNodeChanged0 贡 点 改变 事件 处 理 
方法 ， 该 方法 的 代码 如 下 : 


/// <summary> 
/// 当前 部 门 改变 ， 返 回 部 门 指标 列表 页 面 
/// </summary> 


protected vold tvDept SelectedNodeChanged (object sender, EventArgs e) 


{ 


} 


/ /通过 QueryString 参数 ， 指 定 列 表 页 面 默认 选择 部 门 
Response.Redirect (string.Format ("List.aspx?deptId={0}", treeDept 
.SelectedValue));} 


编辑 区 只 需 采 和 集 日 期 和 部 门 指 标 数据 的 输入 文本 杠 ， 具 体 的 页 面 编码 和 清空 、 设 置 编 
辑 区 的 辅助 方法 ， 请 读者 自行 编写 。 

1) BILL 方法 

前 面 已 经 实现 了 添加 部 门 指标 数据 的 AddData0 方 法 , 还 需要 在 IndexService 服务 类 中 
实现 修改 和 删除 部 门 指标 数据 的 方法 ， 有 具体 代码 为 


/// <summary> 
/// 修改 指标 数据 


/// </summary> 


public int UpdateData(long idxDataID, DateTime cdate, decimal value, 
int deptIdxID,Staff collector) 


{ 


/ /获取 部 门 指标 对 象 
DeptKpliIdxView 1ndex = db.DeptKpiIdxView.FirstOrDefault (d=>dq.ID== deptIdxID); 


IdxData lidxData = db.IdxData.FirstorDefault (qd => d.ID == 1dxDatalID); 


/ /获取 原 数 据 


Log newLog = new Log() // 修 改 数据 的 日 志 对 象 


{ 


ActTime = DateTime .Now, 

netian 三 "OE". 

Description = string.Format ("修改 数据 ，{1}[{0}]- {3}[{2}]"，, 
1dxData.CDate.ToShortDatestring(),1idxData.Vvalue, 
cdate.ToShortDatestring(), value), 

CollectorName = collector.Name, 


CollectorUserName = collector.UserName, 
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DeptIdx ID = deptIdxID, 
DeptName = lindex.Department Name, 
IdxName = lindex.Name 
}; 
db.Log.Insertonsubmit (newLod) ; 
/ /如 果 修 改 的 是 最 新 值 ， 则 更 新 部 门 指标 最 新 值 
1f (index.NewDate == null || index.NewDate <= cdate) 
{ 
DepartmentIdxz old = db.DepartmentIdx.First(d => q.ID == deptIdxID); 
old.NewValue = value; 
old.NewDate = cdate; 
} 
idxData.cCDate = cdates / /修改 部 门 指 标 数 据 
ldxData.Value = value; 
1dxData.IDate = DateTime .Now; 


i1dxData.DeptIdx ID = deptIdxID; 


1dxData.CollectorUserName = collector.UserName; 
1dxData.CollectorName = collector.Name: 
db.SubmitChanges (); / /提交 到 数据 库 


return 1l1; 
} 
/// <summary> 
/// 删除 采集 数据 
/// </summary> 
public int DeleteData(long idxDataID, Staff collector) 
{ 
DeptKpiIdxView index = db.DeptKpiIdxView.FirstOrDefault(d => d.ID == 
deptIdxID); 
IdxData idxData = db.IdxData.FirstOrDefault (qd => d.ID == idxDatalID)}); 
/ /获取 原 数 据 
Log newLog = new Log () / /删除 数据 的 日 志 对 铺 
{ 
ActTime = DateTime .Now, 
Action = "删除 "”， 
Description =string.Format ("删除 数据 ，{1}[{0}]"， 
1dxData.CDate.ToShortDatestring() ,idxData.Value), 
CollectorName = collector.Name, 
CollectorUserName = collector.UserName, 
DeptIdx ID =idxData.DeptIdx ID, 
DeptName = index.Department Name, 
IdxName = lindex.Name 
}; 
db.Log.Insertonsubmit (newLog); 
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// 知 删除 的 是 部 门 指标 的 最 新 值 ， 则 清除 部 门 指标 最 新 值 


1f (index.NewDate!=null && index.NewDate == 1dqxXData .CDate 1 
{ 
DepartmentIdx adptDeptIdx = db.DepartmentIdx.FirstOrDefault 
(d => d.ID == lidxData.DeptIdx 1ID); 


adptDeptIdx.NewDate = null; 
adptDeptIdx.NewValue = null; 


} 

db.IdxData.DeleteOnSubmit (idxData):; / /删除 部 门 指标 数据 
qdb .Submltchanges (); / /提交 到 数据 库 
return 1-: 


} 


2) 实现 编辑 功能 

部 门 指标 数据 的 编辑 实现 技术 和 其 他 页 面 是 一 样 的 ， 只 是 细节 上 有 所 不 同 ， 特 别 注意 
指标 数据 ID 字段 值 的 类 型 是 mt64, 对 应 C# 数 据 类 型 是 long。 下面 是 进入 编辑 状态 的 代码 : 

/// <summary> 

/// 工具 栏 按钮 命令 : 进入 新 增 指标 数据 的 状态 

/// </SuUmmaTrY> 

protected vold btAdd Click(object sender, EventArgs e) 


{ 
ViewState[Consts.ActionKey] = Consts.ActionAdd; // 记 录 编 辑 类 型 : 新 增 
ClearEdits (); / /清空 编辑 控件 
tabEdits-Visible = 七 rue; / /显示 编辑 区 

} 


/// <summary> 

/// GridView 行 命令 ; 进入 修改 、 删 除 指标 数据 的 状态 

/// </sSummary> 

protected vold gvIidxData RowCommand (object sender, 


GridViewCommandEventArgs e) 


int lineIdx = Convert.ToInt32 (e.CommandArgument); // 触 发 命令 的 行 号 
long idxDatalID = (long)gvIidxData.DataKeys[lineIldx] .Value; 
// 对 应 数据 ID 属性 值 

IndexService svr = new IndexService (); 
IdxData idxData = svr.FindIdxDataByID (i1dxDatalID).,; 
if (idxData != null) // 设 置 当前 记录 
{ 

ViewSstate[Consts.ActionKey] = e.CommandName; // 记 录 编 辑 类 型 : 修改 /删除 

ViewState [Consts .CurrRecordKevy] = idxData.ID; // 记 录 指 标 数 据 ID 属性 值 


setEdits (idxData); / /显示 修改 或 删除 指标 数据 内 容 
tabEdits.Visible = true; // 显 示 编 辑 区 
if (e.CommandName == Consts.ActionDelete) / /删除 操作 ， 显 示 删 除 提 示 信 息 


{ 
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1bPrompt .Text = "确定 删除 该 指标 数据 ?"; 


} 


执行 编辑 操作 需要 从 多 处 收集 数据 : 编辑 区 的 输入 控件 、ViewState 和 当前 用 户 ， 具 体 
的 代码 如 下 : 


/// <summary> 
/// 执行 编辑 指标 数据 命令 
/// </summary> 


protected void btOK Click(object sender, EventArgs e) 


{ 
if (Viewstate[Consts.ActionKey] != null) // 编 辑 状 态 
{ 


string cmdName = ViewState [Consts .ActionKev] .ToString(); // 获 取 编 辑 类 型 
IndexService svr = new IndexService();  // 准 备 BLL 对 象 
bool succeeded = true; // 操 作 结果 标记 变量 
int deptIdxID = (Int)VLIewState [Consts .ParentIDKeYy]:; 
/ /获取 部 门 指标 ID 属性 值 

if (cmdName == Consts.ActionDelete) / /删除 操作 
{ 

long idxDatalID = (long)ViewSstate[Consts.CurrRecordKey]; 


/ /获取 指标 数据 ID 属性 值 


try 
{ 
svr.DeleteData (idxDataID, this.CurrUser); / /执行 删除 操作 
} 
catch / /失败 
{ 
lbPrompt .Text =“" 删 除 失败 。"; // 提 示 信 息 
succeeded = false; / /标记 操作 失败 
} 
} 
else 1f (cmdName == Consts.ActionEdit || cmdName == Consts.ActionAdd) 
{ 
DateTime cdate = DateTime.Parse (tpCDate.Text); 
decimal value = decimal.Parse (tbValue .TexXt) ; 
1f (cmdName == Consts.ActlionEdit) 
{ 


long idxDatalID = (long)ViewSstate[Consts.CurrRecordKey]; 


/ /修改 指标 数据 ID 属性 值 
try 
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{ 

svr.UpdateData (1dxDataID, cdate, value, deptIdxID, 

this.CurrUser); 

} 
catch 
{ 

lbPrompt .Text = "修改 失败 ， 注 意 同一 部 门 指标 ， 指 标 日 期 不 允许 重复 。"; 


SuccCceeded = false.: 


} 
} 
else 
{ 
try 
{ 
svr.AddData (cdate, value, deptIdxID, this.CurrUser); 
} 
catch 
{ 
lbPrompt .Text = "新 增 失败 ， 注 意 同一 部 门 指标 ， 指 标 日 期 不 允许 重复 。"; 
Succeeded = false; 
} 
} 
} 
if (succeeded) // 成 功 ， 刷 新 页 面 
{ 
Response.Redirect (string.Format ("Data.aspx?1id={0}", deptIdxID)); 
lL 


} 

} 

4. 存在 的 问题 

上 述 实现 方案 中 存在 两 个 问题 尚未 考虑 : 一 个 是 事务 管理 ， 另 一 个 是 日 期 输入 方式 。 

更 新 指标 数据 的 同时 ， 系 统 还 更 新 日 志和 部 门 指标 ， 这 些 应 该 是 一 个 原子 操作 : 要 么 
一 起 更 新 成 功 ， 要 么 一 起 失败 ， 这 就 是 事务 管理 的 作用 ; 否则 可 能 日 志 记 录 成 功 了 ， 但 指 
标 数 据 却 没有 成 功 写 入 ， 就 会 出 现 数据 不 一 致 。 目 前 ， 由 于 L2S 会 在 执行 SubmitChanges() 
方法 时 一 次 性 提交 所 有 更 新 ， 且 自动 启动 事务 管理 ， 所 以 尚 不 用 处 理 这 个 问题 。 

日 期 的 输入 目前 采用 了 校 验 控件 ， 实 际 操作 起 来 并 不 方便 ， 合 理 的 方式 应 该 是 在 日 历 
控件 中 选择 日 期 ， 这 个 问题 在 第 12 章 解 决 。 

本 章 内 容 已 经 窗 盖 了 实现 KPIs 所 有 管理 模块 的 技术 , 包括 页 面 布局 的 方法 、GridView 
和 DataSource 控件 的 使 用 、TreeView 控件 的 操作 ， 以 及 结合 ViewState 和 QueryString 实现 
CUD 所 需要 的 页 面 状态 管理 。 表 11-$ 一 表 11-7 给 出 了 其 他 管理 模块 的 交互 设计 ， 请 读者 
模仿 本 章 自行 实现 这 些 管理 模块 。 
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表 11-5 部 门 管理 交互 设计 
用 例 交互 设计 
浏览 部 门 部 门 树 选 择 当前 部 门 。 坦 找 框 输入 关键 字 ， 单 击 “ 香 找 ” 按 钮 ， 系 统 获取 所 有 Code 或 
Name 字段 中 包含 关键 字 的 《当前 部 门 的 直接 下 级 ) 部 门 ， 显 示 在 部 门 列 表 中 。 关 键 字 
如 果 为 空 ， 则 表示 查找 所 有 直接 下 级 部 门 。 页 面 初始 化 时 ， 默 认 查 找 所 有 直接 下 级 部 门 
新 增 部 门 单 击 “ 添 加 部 门 ”按钮 显示 编辑 区 ， 编 辑 区 中 各 输入 控件 设置 为 默认 值 。 输 入 新 增 部 门 
的 内 容 ， 单 击 “ 人 确定” 按钮 ， 回 数据 库 添 加 该 部 门 〈 作 为 当前 部 门 的 直接 下 级 )， 如 果 
成 功 则 刷新 页 面 ， 否 则 显示 提示 信息 
修改 部 门 单 击 部 门 列表 中 某 行 的 “修改 ”按钮 显示 编辑 区 ， 编 辑 区 中 各 输入 控件 设置 为 该 行 部 门 
的 内 容 。 输 入 修改 部 门 的 内 容 ， 单 击 “ 确 定 ” 按 钮 ， 在 数据 库 中 更 新 该 部 门 ， 如 果 成 功 
则 刷新 页 面 ， 否 则 显示 提示 信息 
删除 部 门 单 击 部 门 列 表 中 某 行 上 的 “删除 ”按钮 显示 编辑 区 ， 编 辑 区 中 各 输入 控件 设置 为 该 行 部 
门 的 内 容 ， 并 提示 用 户 是 否 删除 。 单 击 “ 确 定 ” 按 钮 ， 从 数据 库 删除 该 部 门 ， 如 果 成 功 
则 刷新 页 面 ， 否 则 显示 提示 信息 
表 11-6 人 员 管 理 交 互 设计 
用 例 交互 设计 
浏览 人 员 部 门 树 选 择 当前 部 门 。 坦 找 框 输入 关键 字 ， 单 击 “ 香 找 ” 按 钮 ， 系 统 获取 所 有 Name 或 
UserName 字段 包含 这 个 关键 字 的 当前 部 门人 员 ， 显 示 在 人 员 列 表 中 。 关 键 字 如 果 为 空 ， 
则 表示 查找 所 有 当前 部 门人 员 。 页 面 初始 化 时 ， 默 认 查 找 所 有 当前 部 门人 员 
诬 加 人 员 单 击 “ 添 加 人 员 ”按钮 显示 纲 辑 区 ， 纲 辑 区 中 的 输入 控件 (IsAdmin、 IsLeader、 IsCollector 
字段 的 应 该 用 CheckBox 控件 ) 设置 为 默认 值 。 输 入 新 增 人 员 内 容 ， 单 击 “ 确 定 ” 按 钮 ， 
为 当前 部 门 添加 该 人 员 到 数据 库 ， 如 果 成 功 则 刷新 页 面 ， 否 则 显示 提示 信息 
(增加 、 修 改 、 删 除 人 员 的 DAL 和 BLL 方法 在 10.1 节 中 也 有 详细 介绍 ) 
修改 人 员 单 击 人 员 列 表 中 某 行 的 “修改 ”按钮 显示 编辑 区 ， 编 辑 区 中 的 输入 控件 设置 为 该 行人 员 
的 内 容 。 用 户 输入 修改 人 员 的 内 容 ， 单 击 “ 确 定 ” 按 钮 ， 在 数据 库 中 更 新 该 人 员 信 息 ， 
如 果 成 功 则 刷新 页 面 ， 否 则 显示 提示 信息 
删除 人 员 单 击 人 员 列 表 中 某 行 的 “删除 ”按钮 显示 编辑 区 域 ， 编 辑 区 中 的 输入 控件 设置 为 该 行人 
员 的 内 容 ， 并 提示 用 户 是 否 删除 。 单 击 “ 确 定 ” 按 钮 ， 从 数据 库 删 除 该 人 员 ， 如 果 成 功 
则 刷新 页 面 ， 否 则 显示 提示 信息 
表 11-7 日志 管理 交互 设计 
用 例 交互 设计 
浏览 日 志 在 查找 框 输入 日 期 范围 、 操 作 类 型 〈 全 部 、 增 、 删 、 改 )， 单 击 “ 碍 找 ” 按 钮 获取 日 期 范 
围 内 、 指 定 操 作 类 型 、 用 户 所 在 部 门 〈 包 括 下 级 部 门 ) 的 指标 操作 日 志 ， 显 示 在 日 志 列 
表 中 。 页 面 初始 化 时 ， 默 认 查 找 最 近 一 周 的 所 有 上 日志。 日 期 范围 不 允许 为 空 
删除 日 志 使 用 Checkbox 控件 选择 “全 部 /部 分 日 志 ”， 单 击 “ 删 除 ” 按 钮 删除 所 有 选中 的 日 志 行 
站 剖 11 
一 、 选 择 题 
1. 下 列 工作 ( ) 不 属于 界面 设计 的 任务 。 


A) 美工 设计 
3. PHN 
A) SqlDataSouce 控件 


B) 布局 设计 C) 交互 设计 D) 实体 设计 
) 可 以 通过 绑 定 BLL 对 象 来 访问 数据 库 。 


B) XmlDataSource 控件 
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C) ObjectDataSource 控件 D) AccessDataSource 控件 
3. 有 关 ObjectDataSource 控件 说 法 正确 的 是 ) 
A) 它 只 有 绑 定 数据 访问 层 方 法 ， 才 能 返回 正确 数据 
B) 上 只 能 通过 ADONET 方式 访问 数据 库 
C) 使 用 ObjectDataSource 控件 需要 在 UI 写 SQL 语句 操作 数据 库 
D) ObjectDataSource 控件 一 般 绑 定 业 务 逻 辑 层 方 法 
4. 对 于 Eval 和 Bind 绑 定 方式 说 法 错误 的 是 i 
A) Eval 和 Bind 都 可 以 直接 进行 格式 化 。 如 : <%# Eval(" 日 期 字段 "，"{0:dd/MM/ 
yyyy}") %> 或 <%# Bind(" 日 期 字段 ", "{0:ddMM/yyyy}") %> 
B) Eval 是 只 读 方 法 ，Bind 支持 读 写 功能 
C) Eval 可 以 单独 使 用 ， 而 Bind 必须 和 控件 配合 使 用 。 
D) Eval 可 以 调用 后 台 方 法 进行 处 理 ，Bind 不 可 以 
5$.， 数据 绑 定 <%# FormatValueType(Eval("ValueType")) %> 中 的 FormatValueTypeO 方 法 


是 《 上 
A) ASPNET 的 全 局 方法 B) 页 面 的 目 定 义 方法 
C) GridView 类 提供 的 方法 D) Consts 静态 类 的 静态 方法 
6. GridView 控件 绑 定 的 数据 源 必 须 是 (  ”)。 
A) TableView 控件 B) Table 控件 
C) Dataset 控件 D) DataSource 控件 


7. GridView 控件 RowCommand 事件 里 的 参数 e 表示 ( )s 
A) GridView 控件 绑 定 的 当前 行 对 有 象 B) 页 面 上 的 返回 按钮 


C) GridView 控件 模板 中 的 按钮 D) 关闭 按钮 

8. GridView 的 (  ) 学 段 类 型 允许 开发 人 员 使 用 目 定 义 控件 。 
A) ButtonField B) CommandField 
C) ImageField D) TemplateField 


9. 绑 定 TreeView 控件 tvD 的 当前 节点 改变 事件 处 理 方法 的 代码 是 ( ” ”)。 
A) tvD.SelectedNodeChanged = tvD NodeChanged(): 
B) tvD.SelectedNodeChanged += new EventHandlerltvD NodeChanged): 
C) tvD.SelectedNodeChanged += tvD NodeChanged(): 
D) tvD.SelectedNodeChanged += new EventHandler(tvD NodeChanged()): 
二 、 填 空 题 
1. 假设 为 ObjectDataSource 控件 指定 GetIdxBySearchText(strine searchTexb 作 为 查询 
方法 ， 现 在 希望 通过 某 个 TextBox 控件 作为 searchText 参数 的 来 源 ， 则 需要 指定 参数 源 类 


2. TreeView 控件 中 的 每 个 市 点 都 是 类 型 的 对 象 ， 访 对象 用 于 管理 所 
有 子 节 点 的 属性 为 。 单 击 茶 个 和 点 时 ， 该 和 点 被 选中 成 为 TreeView 控件 的 
当前 节点 ， 通 过 可 以 获取 当前 节点 。 

3. L2S 中 用 于 指定 排序 字段 ， 有 多 个 排序 字段 则 需要 用 来 


依次 指定 其 余 的 排序 字段 。 
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4. 为 数据 库 创建 视图 ， 同 时 包含 员工 姓名 和 所 在 部 门 名 称 的 SQL 语句 为 


CREATE VIEW StaffView AS 
SELECT Staff.ID, staff.Name, Department.Name AS DeptName 


FROM Department Staff ON staff .Department ID = Department. 
5. 蝎 新 指标 数据 的 同时 ， 还 沉 要 同时 更 新 日 志和 部 门 指 标 ， 这 些 渴 新 应 该 是 一 个 原 
子 操作 : 要 人 么 ， 要 人 么 


三 、 是 非 题 
(  )1. ASPNET 的 校 验 控件 虽然 使 用 方便 ,但 蛙 击 页 面 上 的 任意 控 钮 部 会 触发 所 
有 的 校 验 ， 所 以 不 适用 于 需要 分 组 校 验 的 场景 。 
( ””) 2. 由 于 Web 应 用 可 以 通过 超 链接 跳 转 到 想 要 僵 看 的 数据 页 面 ， 所 以 一 般 情况 
下 无 再 提供 租 找 数据 的 功能 。 
( ， ) 3. 根据 层次 关系 数据 使 用 TreeView 控件 生成 一 棵 树 ， 需 要 使 用 递归 算法 。 
( ””) 4. ASPNET 中 ， 为 HIML 元 素 加 上 runat="server" 和 了 ID 属性 的 目的 是 为 了 能 
够 在 后 台 服 务 站 代码 中 操纵 这 个 元 素 。 
( ” ”) 5 ASPNET 中 的 FormView 控件 主要 是 为 了 方便 创建 HIML 表单 。 
( ” ”) 6. SQL 中 一 共有 4 种 连接 : JOIN、LEFT JOIN、RIGHT JOIN 和 FULL JOIN。 
1. 下 面 的 代码 属于 GridView 控件 触发 的 删除 或 编辑 行 命 令 事件 处 理 ， 请 完善 代码 。 
protected vold gvIindex RowCommand (object sender, GridViewCommandEventArgs e) 
{ 
int lineIdx = Convert.ToInt32 (e. ); / /触发 命令 的 行 号 
int idxID = (int)gvindex.DataKeys[1lineIdx] .Value; // 对 应 数据 关键 字 


IndexService SsVvr = new IndexService (); 


KpiIdx kpiIdx = svr.FindIdxByID ( 3 // 获 取 行 数据 对 象 

if (kpiIdx != null) 

{ 
ViewSstate [Consts -ActionKey] = e. 2 / /记录 编辑 类 型 : 修改 /删除 
ViewState[Consts.CurrRecordKey] = kpiIdx.ID; / /记录 指标 ID 属性 值 
SetEdits (kpiIdx); // 显 示 修 改 / 删 除 内 容 
tabEdits.Visible = - / /显示 编辑 区 
1f (e.CommandName == Consts.ActionDelete) 

1bPrompt . = "确定 删除 该 指标 ?"; // 显 示 删 除 提 示 信 息 
} 


} 

2， 请 使 用 伪 代 人 码 的 方式 给 出 生成 部 门 树 的 算法 。 

3. 为 《门店 销售 指标 跟 踩 系统》 实现 区 域 门店 的 树 形 结构 展示 ， 实 现 门 店 销售 指标 
浏览 和 管理 ， 实 现 门 店 销售 指标 数据 的 输入 和 浏览 。 


高 级 Web 界面 开发 


学 习 目 标 


了 解 服务 端 和 客户 病 动 态 技 术 的 区 别 。 理 解 JavaScript, 理解 什么 是 客户 新 脚本 : 
掌握 <scrip 仿 标记， 掌握 JavaScript 的 基本 语法 ; 


深刻 理解 文档 对 篆 模 型 DOM， 竺 所 常见 的 DOM 属性 和 方法 ， 和 敬 握 前 见 的 DOM 


事件 ; 

了 解 DOM 中 的 窗口 对 象 、 文 档 对 象 和 位 置 对 象 ; 

掌握 JavaScript 日 历 控 件 的 使 用 ， 掌 握 jQuery 日 历 控 件 的 使 用 ; 
理解 什么 是 jQuery， 了解 jQuery 的 基本 概念 ; 

掌握 JavaScript 函数 的 定义 方法 ， 理 解 JavaScript 对 象 ， 千 握 创 建 和 操作 JavaScript 
掌握 jQuery 基本 语法 和 和 负 见 对 象 ， 理 解 jQuery 对 象 和 DOM 对 象 的 联系 和 差别 ， 
掌握 两 者 之 间 的 转换 方法 ; 

掌握 jQuery 基本 选择 右 ，J 解 其 他 的 ]Query 选择 堪 , 掌握 ASPNET 控件 客户 站 ID 


和 服务 器 ID 的 联系 和 转换 ; 


掌握 jQuery 事件 和 事件 处 理 函 数 的 绑 定 语法 ; 

了 解 JSON 数据 格式 ， 了 解 操纵 JSON 数据 的 方法 ; 

理解 服务 端 和 客户 端 图 表 技 术 的 区 别 ， 掌 握 ASPNET 图 表 控 件 MsChart 实现 折线 
图 的 技术 ， 掌 握 jQuery 图 表 控 件 jqPlot 实现 折线 图 的 技术 。 


网 页 的 动态 技术 可 以 分 为 客户 端 和 服务 端 两 种 ， 在 服务 端 动态 生成 页 面 的 技术 是 服务 
端 动态 技术 。 有 时 实现 一 些 Web 界面 特效 , 使 用 服务 端 动态 技术 会 比较 麻烦 甚至 无 法 实现 ， 
而 必须 使 用 客户 端 动态 技术 。 


12.1 数据 分 析 模 块 


领导 登录 KPIs 系统 后 ， 直 接 跳 转 到 数据 分 析 页 面 。 数 据 分 析 页 面 和 采集 指标 列表 页 
面相 比 ， 有 3 个 不 同 之 处 : 部门 树 以 用 户 所 在 部 门 为 根 ， 包 括 所 有 下 级 部 门 ， 无 须 输入 数 
据 的 功能 ; GridView 控件 的 行 命令 为 打开 对 应 部 门 指标 的 分 析 明 细 页 面 。 

1. 分 析 列 表 页 面 

为 KPIsWeb 项 目 添加 Index 文件 严 ， 然 后 在 其 中 添加 分 析 列 表 List.asxp 页 面 ， 用 于 分 
析 列 表 展 示 (参见 表 8-1)。 
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1) 部 门 树 
在 日 定义 类 Utils 中 添加 BuildDepartmentIreeViewForLeader0) 方 法 ， 生 成 领导 的 部 门 
树 ， 上 有 具体 代码 为 


/// <summary> 

/// 创建 领导 的 部 门 树 : 根 节点 为 领导 所 在 部 门 

/// </summary> 

/// <param name="treeDept"> 有 目标 树 控件 。</param> 

/// <param name="staffID"> 领 导 人 员 ID 属性 值 。</param> 

/// <param name="staffDeptID"> 领 导 所 在 部 门 ID 属性 值 。</Param> 

/// <param name="defID"> 默 认 选 择 部 门 ID 属性 值 ，0 表示 根部 门 ， 负 数 表 示 不 选择 部 门 。 
</param> 

/// <returns> 选 择 部 门 对 应 位 扣 。</returns> 

public static TreeNode BulildDepartmentTreeViewForLeader (TreeView treeDept, 


int staffID,1int staffDeptID, int defID = 0) 


treeDept .Nodes .Clear (); 

Departmentservice svr = new Departmentservice(); 

List<Department> dtDept = svr.GetAllForLeader (staffID, true); 

return BuildDepartmentTreeView (treeDept, dtDept, staffDeptID, defID); 


} 
上 述 代码 基于 已 有 的 BuildDepartmentTreeView0 方 法， 注意 领导 所 在 部 门 不 一 定 是 顶 
级 部 门 ， 所 以 需要 通过 staffDeptID 参数 指定 领导 所 在 的 部 门 。 


2) GridView 和 DataSource 控件 
参照 Collect/List.aspx 页 面 设置 好 Index/Listaspx 页 面 中 的 GridView 控件 ,将 其 中 的 “ 指 
标 ” 字段 改 为 BoundField 字段 ,“ 输 入 ”字段 标题 改 为 “分 析 ?， 改 动 部 分 的 页 面 代码 如 下 : 


<asp:GridView ID="gqVDeptIdX" ..... DataKeyNames="ID"> 
<AlternatingRowstyle BackColor="White"™ /> 
<Columns> 


<asp:BoundField DataField="Name" HeaderText=" 指 标 "> 
<Itemstyle Widthn="15%" /> 
</asp:BoundField> 
<asp:ButtonField CommandName="Modify" Text=" 分 机 "> 
<Itemstyle Width="5$%" /> 
</asp:ButtonField> 

</Columns> 


</asp:GridView> 


上 述 gvDeptIdx 控件 使 用 的 DataSource 控件 页 面 源 代 码 为 
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<asp:ObjectDataSource ID="odsDeptIdx"™" runat="server" 
TypeName="KPIS .BLL.IndexService" 
SelectMethod="SearchDeptIdxByDepartment™ > 
<SelectParameters> 
<asp:Parameter DefaultValue="0"™" Name="deptID" Type="Int32" /> 
<asp:ControlParameter ControlID="tbsearhName”" DeftaultValue="" 
Name="searchText" PropertyName="Text" Type="String"™" /> 
</SelectParameters> 


</asp:ObjectDataSource> 


3) 后 台 代 码 
分 析 列 表 页 面 的 后 台 代 码 比 较 简单 ， 具 体 代 码 如 下 : 


protected vold Page Load (object sender, EventArgs e) 
{ 
Utils.IsLeader (this.cCurrUser, this); // 权 限 检 查 
1f (!Page.IsPostBack) 
{ 
TreeNode selectedNode = Utils.BuildDepartmentTreeViewForLeader 
(this.treeDept, this.CurrUser.ID, this.currUser.Department ID); 
this .SetContentTile ("数据 分 析 ") ; 
SetOdsParameters (selectedNode.Value).: 
} 
treeDept .SelectedNodeChanged +1+= new EventHandler 
(LVDept SelectedNodeChanged); 
} 
/// <summary> 
/// 当前 部 门 改变 事件 处 理 
/// </summary> 
protected vold tvDept SelectedNodeChanged (object sender, EventArgs e) 
{ 
SetodsParameters (treeDept .SelectedValue)}); 
// 设 置 ObjectDataSource 控件 的 deptID 参数 人 
} 
/// <summary> 
/// 设置 ObjectDataSource 控件 的 deptID 参数 值 
/// </summary> 
private Vold SetodsParameters (string deptID) 
{ 
odsDeptIdx.SelectParameters["deptID"] .DefaultValue = deptID.ToString(); 
} 
/// <summary> 
/// GridView 控件 行 命令 事件 处 理 : 浏览 数据 明细 
/// </summary> 
protected void gvDeptIdx RowCommand (object sender, 


GridViewCommandEventArgs e) 
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int lineIdx = Convert .ToInt32 (e.CommandArgument); // 触 发 命令 的 行 号 
int deptIdxID = (int)gvDeptIidx.DataKeys[lineIdx] .Values["ID"]; 
// 对 应 数据 关键 字 
/7/ 跳 转 到 明细 页 面 ， 传 递 id=< 部 门 指标 ID> 
Response -Redlrect (string.Format ("Data.aspx?1d={0}", deptIdxID)); 
} 


分 析 列 表 页 面 的 其 他 内 容 ， 请 谈 者 根据 前 面 章节 的 介绍 目 行 补 苑 完整 。 

2. 分 析 明 细 页 面 

在 Index 文件 夹 中 添加 Data.aspx 分 析 明 细 页 面 ， 单 击 列表 页 面 中 的 “分 析 ” 按 钮 时 打 
开 一 个 新 的 浏览 窗口 ， 在 其 中 显示 这 个 明细 页 面 。 

1) 页 面 代码 

Index/Data.aspx 页 面 无 顷 使 用 母 版 页 ， 有 具体 的 页 面 代码 框 架 如 下 : 


<head runat="server"> 
<title>KPI 分 析 明 细 页 面 </title> 
<link href="../SsStyles/Site.css" rel="stylesheet™ type="text/css™" /> 
</head> 
<body> 
<form id="forml" runat="server"> 
<d1lv> 
<div class="content title"> 分 析 明 细 页 面 </div> 
<table border="0"™ width="738"> 
<tTr><td><s-- 显示 部 门 指标 详细 信息 的 FormView 和 DataSource--%></td></tr> 
<tr><tqd width="100%"><%-- 日 期 查找 --%$></td></tr> 
<tTr><td><s-- 显示 指标 数据 的 GridView 和 DataSource--%></td></tr> 
<tr><td><gs-- 分 析 图 表 --$></ 廿 da></tF> 
</table> 
</div> 
</form> 
</body> 


由 于 没有 使 用 母 版 页 ， 所 以 需要 自行 在 头 部 引入 Site.css 样式 表 。 至 于 表格 内 的 各 项 
内 容 等 ， 除 了 分 析 图 表 外 和 Collect/Data.aspx 页 面 完 全 相同 ， 因 此 请 读者 自行 完成 。 

2) 后 台 代 码 

在 Collect/Data.aspx 页 面 基 础 上 删 减 得 到 Index/Data.aspx 页 面 后 台 人 代码， 具体 如 下 : 


protected vold Page Load (object sender, EventArgs e) 
{ 
Utils.IsLeader (this.CurrUser, this):; 
if (!Page.IsPostBack) 
{ 
int deptIdxID = GetQuerystringstate (); 
tbFromDate.Text = DateTime.Today.AddMonths (-1) .ToShortDatestring ();} 
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tbToDate .Text = DateTime.Today.ToShortDatestring (); 
odsIdxData.SelectParameters[l"deptIdxID"] .DefaultValue 
= deptIdxID.ToString (); 

} 
} 
private int GetQuerystringstate () 
{ 
int deptIdxID = 0; // 当 前 部 门 指数 ID 属性 值 


int.TryParse (Request["id"], out deptIdxID); 
return deptIdxID; 
} 
3 打开 分 析 明 细 页 面 
1) 客户 器 脚 本 代位 
可 以 在 页 面 代码 中 嵌入 用 JavaScript 语言 编写 的 脚本 ，JavaScript 代 人 码 由 浏览 占 解 释 并 
执行 ， 从 而 在 客户 曾 执 行 特定 任务 。 在 Index/List.aspx 贝 面 代 公 的 <asp:Conten 人 > 控件 之 内 ， 
<table> 标 记 表 添加 如 下 代码 : 
<script type="text/Javascript"> 
function openData(1id) { 
window.open ("Data.aspx?id=" + 1d，" 分 析 明 细 "， "heigdht=800,width=750 ， 
toolbar=no, menubar=no, location=no™);} 


上 述 代码 定义 了 JavaSscript 的 openData0 函 数 ， 其 作用 是 打开 新 浏 贤 占 窗 口 ， 并 在 浏 究 
器 窗口 中 辐 服 务 需 发 出 URL 为 Data.aspx?id=xxx 的 请 求 〈(xxx 为 参数 id 的 值 )。 

2) 超 链 接 字 段 

删除 Index/List.aspx 页 面 中 gvDeptIdx 控件 的 “分 析 ”按钮 字段 ， 然 后 添加 超 链接 字段 
(HyperLinkField)， 设 置 新 字段 的 Text 属性 值 为 “分 析 ”，DataNavigateUrlFields 属性 值 为 
“ID”，DataNavigateUrlFormatString 属性 值 为 “javascript:openData({0}):”。 在 最 终 返 回 给 浏 
席 秀 的 页 面 代 反 中 ， 该 超 链 接 字 段 会 成 为 如 下 的 HTML 元 素 : 

<a id="cphMain gvDeptIdx HyperLinkl 1" href="]javascript:openData(9) 7 "> 分 

析 </a> 


其 href 属性 值 并 不 是 一 个 标准 URL， 而 是 一 段 JavaScript 代码 ， 表 示 调 用 openData0 函 数 ， 
传递 参数 值 为 9(gvDeptIdx 控件 对 应 行 的 数据 对 象 ID 属性 值 )。 当 用 户 单 击 这 个 超 链 接 时 ， 
浏览 器 就 会 执行 “javascript:” 后 的 代码 ， 而 不 是 发 出 URL 请 求 。 

不 借助 JavaScript 也 可 以 在 新 浏览 窗口 中 打开 指定 URL 的 页 面 ，HTML 的 <a> 标 记 允 
许 指 定 target 属性 来 规定 在 何 处 打开 URL 文档 ， 如 : <a target="_blank" hre 信 "Data.aspx">， 
但 不 能 像 JavaScript 那样 对 新 浏览 窗口 的 外 观 进 行 控 制 。 
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12.2 ” JavaScript 基础 


JavaScript (向 称 JS) 是 一 种 脚本 语言 ,是 一 种 解释 性 语言 ,由 浏览 锅 负 责 解 释 并 执行 ， 
通常 被 嵌入 HIML 页 面 ， 向 HTML 页 面 添加 交互 行为 。JS 与 Java 有 关系 ， 不 过 只 保留 了 
基本 关键 字 的 相似 ， 很 多 网 页 客户 端 功 能 、 比 较 “ 酷 ”的 UI 效 果 就 是 通过 JS 来 实现 的 。 

随 厦 AJAX 技术 的 广泛 应 用 ，JS 变 得 越 来 越 重要 。 例 如 受到 热烈 追捧 的 HTML5 标准 
都 是 通过 JS 来 编写 的 。 可 以 说 ， 学 习 Web 程序 开发 就 必须 学 习 JS 语言 。 

1. JS 语法 

1)〉 昼 类 型 

JS 变量 是 一 种 屁 类 型 变量 ， 也 就 是 同一 个 变量 可 以 保存 各 种 类 型 的 值 ， 所 以 定义 冰 数 
的 时 候 无 法 指定 参数 的 类 型 ， 直 接 写 出 参数 名 即 可 ， 例 如 前 面 的 openData0) 函 数 。 定 义 变 
量 时 也 无 法 指定 变量 类 型 ， 统 一 用 var 关键 字 来 表示 变量 定义 。 例 如 : 


Var 1 = 3; 

Var ] = 4; 

] += 1; 

1 = "Change to string."™; 

注意 : 弱 类 型 并 不 是 无 类 型 。 在 上 述 例 子 中 ,i1 和 ] 一 开始 是 数值 型 变量 ， 因 为 赋值 了 
整数 ， 所 以 执行 j+=i: 后 j 的 值 为 7; 最 后 给 1 重新 赋值 字符 串 ，i 就 成 为 字符 串 变 量 。 

2 ) <scrip 亿 标记 

为 了 将 JS 代 公 和 HIML 代 公 区 分 开 来 ， 宕 要 将 JS 代 公 包括 在 <scrip 全 标记 之 中 。 实 
际 上 <scrip 人 标记 用 于 定义 客 尸 病 脚 本 ， 而 不 仅仅 是 JavaScript， 所 以 应 该 使 用 type 属性 规 
定 脚 本 的 类 型 ， 如 : 


<script type="text/Javascript"> 


</script> 


2。 文档 对 象 模型 

JS 是 面向 对 象 编程 语言 ， 为 了 能 够 操作 HTML 文档 ，JS 将 所 有 HTML 元素 都 作为 对 
象 来 看 待 。 一 个 HTML 文档 中 的 所 有 对 象 以 及 对 象 之 间 的 层次 关系 就 构成 了 所 谓 的 文档 对 
象 模型 (Document Object Mode，DOM)。 这 里 所 说 的 DOM， 准 确 地 说 是 HTMLDOM， 
是 一 套 关 于 如 何 获取 、 修 改 、 添 加 或 删除 HIML 元 素 的 标准 。 

1) DOM 节点 树 

根据 DOM 标准 ，HTML 文档 中 的 所 有 内 容 都 是 节点 : 

。 整个 文档 是 一 个 文档 节点 ; 


1 本 节 基 于 W3School 的 教程 编写 ， 人 参考 http://www.w3school.com.cy/htmldom/dom intro.asp。 读 者 还 
可 以 使 用 http://www.w3school.com.cn/tiy/t.asp 在 线 测试 一 些小 的 JS 脚本， 方便 学 习 。 
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e。 HTML 元 素 内 的 文本 是 文本 市 点 ; 

。 每 个 HTML 属性 是 属性 节点 ; 

。 注释 是 注释 节点 。 

DOM 将 HTML 文档 视 作 树 结 构 ， 这 种 结构 被 称 为 节点 树 。 假 设 HIML 文档 代码 为 


<html> 

<head> 
<title>KPIs 系统 </title> 

</head> 

<body> 
<a href="Admin/DeptManage.aspx"> 部 门 管理 </a> 
<h1> 部 门 </h1> 

</body> 

</html> 


则 对 应 的 节点 树 如 图 12-1 所 示 。 


文档 
Document 


根 元 素 


<html= 


元 素 


<head>= 


<body= 


] 元 素 
<title> 


文本 
“KKPIs 双 统 ” 


图 12-1 一 个 DOM 树 的 例子 


2) DOM 属性 和 方法 

JS 可 以 对 DOM 进行 访问 ， 所 有 DOM 节点 被 定义 为 JS 中 的 对 象 ， 称 为 DOM 对 象 ， 
编程 接口 就 是 对 和 象 方 法 和 对 象 属性 ,对 象 方法 是 JS 能 够 执行 的 动作 ,例如 添加 或 修改 元 素 ; 
对 象 属性 是 JS 能 够 获取 或 设置 的 什 ， 例 如 和 点 的 名 称 或 内 容 。 

下 面 是 一 些 负 用 的 DOM 对 和 象 方法 。 

(1 ) getElementById(id): document 对 象 的 方法 ， 获 取 市 有 指定 ID 的 DOM 对象 。 

(2) appendChildaode): 插入 新 的 子 节点 。 

(3) removeChild(node): 删除 子 节 点 。 


下 面 是 一 些 音 用 的 DOM 对 象 属性 。 
(1) innerHTML : 人 点 的 文本 值 。 
(2) parentNode: 贡 点 的 父 节 点 。 


(3) childNodes: pe 子 节 点 集合 。 
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(4) attributes: 斑点 的 属性 世 点 集合 。 

特别 注意 ，DOM 元 素 世 点 拥有 的 是 下 级 文本 世 点， 不 是 文本 属性 ， 而 innerHTML 属 
性 获取 的 是 元 素 节 点 所 有 下 级 节点 对 应 的 完整 HIML 文本 。 例 如 对 于 下 列 HTML 代码 : 


<head 1id="header™"> 

<title>this is a title</title> 
</head> 
<body> 

<p id="intro">Hello World!</p> 
</body> 


通过 “document.setElementByld("header").innerHTML: ”获取 的 文本 值 为 “<title>this is 
a title</title>”， 而 “document.getElementBylId("intro").innerHTML:” 获 取 的 文本 值 为 “Hello 
World! 。 

3) 操作 DOM 元 素 

下 面 通 过 JS 脚本 修改 <p> 元 取 的 文本 内 容 并 将 其 设置 成 贤 色 字体 ， 然 后 创建 一 个 新 的 
<p> 元 素 并 添加 到 <div> 元 素 中 。 包 含有 具体 JS 脚本 的 HTML 代码 如 下 : 


<body> 

<dlv 1i1d="div1l"> 
<p ld="pl">Hello World!</p> 

</d1iv> 

<script type="text/Javascript"> 
document .getElementById ("pl1") .innerHTML= "New text!"; 

/ /修改 idq=pl 的 <div> 节 点 的 文本 

document .getElementById ("pl1") .style.color = "blue"; // 设 置 样式 为 蓝 色 


var para = document.createElement ("p"); / /创建 靳 的 <p> 广 所 
var node = document .createTextNode ("This is new."); // 创 建文 本 节点 
para.appendChild (node) ; // 为 <p> 节 点 添加 下 级 文本 节点 
var element = document .getElementById ("div1"); / /获取 idq=dqivl 的 节点 
element .appendChild (para); / /将 创建 的 <p> 节 点 添加 到 <qdiv> 节 点 下 
</scripty> 
</body> 


上 述 代 人 码 中 ，<scrip 全 标记 中 和 直接 放置 了 大 段 JS 代码 ， 代 人 码 中 反复 出 现 的 document 
对 和 象 束 是 整个 HTML 文档 ， 也 束 是 DOM 根 和 节点。 补充 说 明 上 述 JS 代码 进行 的 操作 。 

(1) 获取 指定 ID 的 DOM 市 点 , 如 “document.getElementById("p1");” 获 取 id=pl 的 <p> 
节点 。 

(2) 创建 新 的 元 素 节 点， 如 “documentcreateElement("p"):”， 其 中 参数 "p" 表 示 创 建 的 
是 HIML 的 <p> 元 素 。 

(3) 创建 新 的 元 素 节 点 ， 如 “document.createIextNode("This is new."):”， 其 中 参数 "This 
is newW." 就 是 文本 节点 的 内 容 。 

(4) 设置 元 素 节 点 的 内 容 ， 例 如 “document.sgetElementBYId("p1.innerHITML= "New 
textl":”， 设 置 <p id="p1"> 元 素 内 肉 套 的 内 容 。 
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(5) 设置 元 素 闻 点 的 属性 , 例如 “document.getElementByld("p1").style.color = "blue":”, 
设置 <p id="p1"> 元 素 style 属性 的 color 属性 值 为 blue。 


(6) 为 元 素 节 点 添加 子 节点 ， 例 如 “para.appendChild(node);”， 为 新 增 <p> 节 点 (记录 
在 JS 变量 para 中 ) 添加 新 增 的 文本 节点 (node)。 

4) DOM 事件 

DOM 允许 JS 对 HTML 事件 作出 反应 ， 注 意 HTML 事件 都 是 发 生 在 浏览 器 中 的 ， 常 
见 的 HIML 事件 如 下 。 


(1) 用 户 单 击 限 标 时 ，onclick 事件 。 

(2) 网 页 已 加 载 时 ，onload 事件 。 

(3) 鼠标 移 到 元 素 上 时 ，onmouseover 事件 ， 鼠 标 从 元 素 上 移出 时 ，onmouseout 事件 。 

(4) 输入 控件 中 文本 被 改变 时 ，onchange 事件 。 

($5) HTML 表单 被 提交 时 ，onsubmit 事件 。 

(6) 输入 控件 获得 焦点 (被 选中 进入 输入 状态 ) 时 ，onfocus 事件 。 

如 果 希 望 浏览 器 在 某 个 事件 发 生 时 执行 指定 JS 代码 , 那 就 需要 为 元 素 绑 定 事件 处 理 的 
JS 代码 。 例 如 编写 如 下 HIML 页 和 面 代码 : 


<head> 
<script type="text/Javascript"> 
function changetext (1d) { 
1d.innerHTML= "hello!™; 
} 
</script> 
</head> 
<body> 
<hl onclick="changetext (this) "> 请 单 击 这 段 文本 ! </h1> 
</body> 


上 述 代 码 通 过 onclick 属性 为 <h1> 元 素 绑 定 了 事件 处 理 的 JS 代码 ， 浏 览 器 打开 该 页 面 
后 ， 页 面 中 是 一 段 文字 “请 单 击 这 段 文本 !”， 当 用 户 单 击 这 段 文字 时 ， 就 会 触发 onclick 
事件 ， 浏 览 器 就 会 执行 “changetext(this)” 这 段 JS 脚本 ， 也 就 是 调用 changetext0 这 个 JS 
阴 数 ， 并 旦 传递 触发 事件 的 元 素 节 点 (this) 作为 参数 。 

在 changetext() 函 数 中 ,将 参数 ID 指定 的 元 素 节 点 的 innerHTML 属性 设置 为 “hello!”。 
所 以 就 会 看 到 原文 字 在 单 击 后 变 成 了 “hello!”。 这 个 动态 效果 完全 由 浏览 器 负责 完成 ， 是 

可 以 看 到 ， 在 HTML 元 素 的 事件 属性 (如 上 述 onclick 属性 ) 中 ， 可 以 直接 使 用 JS 代 
伺 ， 而 无 再 <scrip 人 标记。 

3. “顶级 ”模型 对 象 

1) 窗口 对 象 

窗口 对 象 window 超越 了 文档 的 范围 ， 它 属于 BOM (浏览 器 对 象 模型 ) 部 分 ， 是 装载 
HTML 文档 的 浏览 右 窗 口 。 引 用 window 对 和 象 的 属性 、 方 法 、 事 件 时 ， 不 需 对 象 名 前 级 ， 
如 访问 window 对 象 的 name 属性 ， 下 面 2 句 JS 脚本 (x 为 <p> 结 点 对 象 ) 都 可 以 : 
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x.lnnerHTML= name: 


x.lnnerHTML= window.name: 


JS 脚本 很 多 没有 对 和 象 名 前 级 的 方法 ， 如 alert0 函 数 ， 实 际 上 就 是 window 对 象 的 方法 。 
window 对 象 一 个 重要 方法 是 open0 函 数 ， 相 应 的 语法 为 


open (<URL 字符 串 >，< 窗 口 名 称 字 符 串 >， < 参数 字符 串 >) ; 


(1) <URL 衬 人 符 串 >: 描述 所 打开 的 窗口 需要 请 求 的 URL。 如 条 为 空 哩 ， 则 表示 新 窗 
口中 不 打开 任何 网 页 。 

(2) < 窗口 名 称 字符 串 >: 描述 被 打开 的 窗口 名 称 (windowname)。 为 窗口 指定 的 name 
可 以 用 于 超 链 接 的 target 属性 。 

(3) < 参数 字符 串 >: 用 于 指定 打开 窗口 的 外 观 。 如 果 为 空 串 ， 则 打开 一 个 普通 窗口 ; 
人 盏 则 需要 在 字符 串 里 写 上 一 到 多 个 参数 ， 参 数 之 间 用 有 召 写 隐 开 。 具 体 的 参数 如 下 。 

( top=#: 窗口 顶部 离开 屏 筑 项 部 的 像素 值 。 

GO) left=#: 窗口 左 端 离开 屏 磋 左 并 的 像素 值 。 

G@) width=#: 窗口 的 宽度 (像素 值 )。 

height=#: 窗口 的 高 度 (像素 值 )。 

(6) menubar=…: 窗口 有 没有 亲 单 ， 取 值 yes 或 no。 

(@) toolbar=…: 窗口 有 没有 工具 条 ， 取 值 yes 或 no。 

location=…: 窗口 有 没有 地 址 栏 ， 取 值 yes 或 no。 

directories=…: 窗口 有 没有 连接 区 ， 取 值 yes 或 no。 

scrollbars=…: 窗口 有 没有 滚动 条 ， 取 值 yes 或 no。 

status=…: 窗口 有 没有 状态 栏 ， 取 但 yes 或 no。 

resizable=…: 窗口 给 不 给 调整 大 小 ， 取 值 yes 或 no。 

注意 open0 方 法 有 退回 值 ， 返 回 它 打开 的 窗口 对 象 ， 例 如 “var newWindow = open(", 
' blankn:” 语 名 把 新 窗口 对 象 赋值 给 变量 newWindow， 以 后 可 以 通过 这 个 变量 控制 窗口 。 

天 闭 窗口 的 方法 为 close0, 例如 “newWindow.close0;” 可 以 把 前 和 面 打开 的 窗口 关闭 挥 。 
如 果 直 接 执 行 close0 方 法 ， 则 表示 把 当前 窗口 关闭 掉 。 

2) 文档 对 象 

每 个 载 入 浏 贤 右 的 HTML 文档 部 会 成 为 文档 (document) 对 象 。 通 过 文档 对 象 可 以 从 
脚本 中 对 HIML 页 面 中 的 所 有 元 素 进行 访问 。 文 档 对 象 是 window 对 象 的 子 对 象 ， 可 通过 
window.document 或 是 接 用 document 的 方式 访问 。 

文档 对 象 最 常用 的 就 是 获取 特定 ID 元 素 季 点 的 getElementById0 方 法 ， 还 有 
createElementO 、createIextNode0 等 创建 元 素 节 点 的 方法 。 

除了 根据 ID 获取 元 素 广 点 ，document 对 象 还 文 持 多 种 多 样 的 元 素 节 点 获取 方法 ， 例 
如 获取 指定 标记 所 有 元 素 节点 的 getElementsByTagName() 方 法 ， 返 回 一 个 元 素 节 点 数组 。 
下 面 的 JS 代 人 码 ， 首 先 获 取 所 有 <p> 元 素 和 点 数组 ， 然 后 循环 明 历 这 个 数组 ， 使 用 
document.write0 方 法 辣 HTML 文档 写 入 内 容 : 


<p>Hello World!</p> 
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<p>DOM 很 有 用 ! </p> 
<script type="text/Javascript"> 
x = document .getElementsByTagName ("p"); 
for (var 1 = 0; 1 < x.length; 1++) { 
document .write ("第 "+ 1 + " 段 的 ijnnerHTML 是 : "+ x[i] .innerHTML); 
document .write ("<br>"); 
} 
</script> 
上 述 代 码 中 使 用 了 for 循环 来 实现 遍历 ,注意 变量 1 的 定义 用 var 关键 学 ,数组 x 的 长 
度 为 xlength。jJS 中 数组 也 是 对 象 ，length 属性 就 表示 该 数组 中 元 素 的 个 数 。 
document 对 象 还 提供 了 元 素 和 点 集合 属性 ， 的 如 下 。 
(1) all[]: 提供 对 文档 中 所 有 HTML 元 素 节 
(2) forms[]: 返回 对 文档 中 所 有 Form ta 
(3) images[]: 返回 对 文档 中 所 有 Image 元 素 节 点 。 
(4) links[]: 返回 对 文档 中 所 有 Area 和 Link 元 素 世 点 。 
还 有 一 些 重要 的 对 象 ， 如 cookie、URL 等 ,也 可 以 通过 document 对 象 属性 来 实现 ( 注 
意 这 是 在 浏览 露 中 通过 J 来 访 的 客户 姗 对 象 ， 不 要 和 服务 靖 的 相应 对 象 混 消 起 来 )， 弟 
的 如 下 。 
(1) body: 提供 对 <body> 元 素 的 直接 访问 。 
(2) cookie: 设置 或 返回 与 当前 文档 相关 的 所 有 Cookie。 
(3) URL: 返回 当前 文档 的 URL。 
(4) referrer: 返回 载 入 当前 文档 的 文档 URL。 
(5) title: 返回 当前 文档 的 标题 。 
3) 位 置 对 象 
位 置 对 象 存储 在 window 对 象 的 location 属性 中 ， 表 示 浏 览 需 中 当前 显示 文档 的 Web 
地 址 。 位 置 对 象 的 href 属性 存放 的 是 文档 的 完整 URL， 其 他 属性 分 别 给 出 了 URL 的 各 组 
成 部 分 。 如 末 直 接 庶 取 location 对 象 ， 实 际 上 返回 的 束 是 location.href 属性 。 
通过 location 对 象 还 能 控制 浏览 右 显 示 的 文档 ， 例 如 ， 拒 一 个 含有 URL 的 字符 串 赋 了 巴 
location 对 象 或 它 的 href 属性 ， 浏 览 堪 就 会 试图 载 入 新 的 URL 文档 。 
除了 用 完整 的 URL 奉 换 当前 URL 外 ， 还 可 以 修改 URL 某 个 部 分 ， 只 需要 给 location 
对 象 的 其 他 属性 赋值 即 可 。 这 样 做 会 创建 新 的 URL， 浏 览 器 会 将 它 装 载 并 显示 出 来 。 
除了 URL 属性 外 ，location 对 象 的 reload0 方 法 可 以 重新 装载 当前 文档 ，replaceO 可 以 
装载 一 个 新 文档 而 不 会 增加 一 个 新 的 历史 记录 〈 即 在 浏览 堪 的 历史 列表 中 ， 新 文档 将 奉 换 
当前 文档 )。 


12.3 ”实现 日 期 输入 


1. JS 日 历 探 件 
ASPNET 集成 了 日 历 控件 ， 但 其 消耗 的 资源 比较 多 ， 用 起 来 也 不 是 很 方便 ， 通 第 开发 
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人 员 会 选用 JS 日 历 控 件 ,通过 网 络 很 容易 就 能 找到 人 免费 开源 的 JS 控件 ,包括 JS 日 历 控件 。 
1) 日 历 控件 应 用 效果 
JS 日 历 控件 是 纯 客 户 疹 的 ， 其 输入 不 会 直接 提交 给 服务 器 ， 而 是 通过 将 输入 的 日 期 值 
保存 到 某 个 输入 控件 中 ， 最 后 通过 表单 提交 给 服务 器 。 为 了 节省 页 面 空 间 ， 通 名 采用 单 击 
文本 框 弹 出 日 历 控件 的 方式 来 实现 日 期 输入 ， 如 图 12-2 所 示 为 一 款 JS 日 历 控 件 的 应 用 
效果 。 


指定 日 期 : [2014- 11-26 = [Po14/12/26 查找 | 


$C EO 采集 人 
111. 00 TT Fen 来 集 员 
| z a4|5 [6 [7 [8 |Copyrieht 2014 


9 10 11 1i2 13 14 15 
| 16 17 18 19 20 21 22 
23 |24 25 E23 27 28 29 


30 EE | 关闭 


图 12-2 JS 日 历 控件 应 用 效果 


2) 引用 JS 库 文 件 

像 本 日 历 控件 这 样 再 要 大 量 JS 代码 的 情况 , 通 沼 将 所 有 JS 代码 组 织 在 一 个 独立 文件 
中 ， 用 .js 作为 该 文件 的 扩展 名 ， 这 束 是 JS 库 。 例 如 ， 图 12-2 所 示 的 JS 日 历 控件 就 是 以 
Calenderjs 库 文件 :的 方式 提供 的 。 在 KPIsWeb 项 目 中 添加 Styles/Scripts 文件 来， 将 
Calendarjs 库 文件 复制 到 该 文件 夹 中 。 

页 和 面 使 用 某 个 JS 库 时 ， 可 通过 <script> 标 记 的 src 属性 来 指定 JS 库 文件 。 例 如 KPIs 
的 Collect/List.aspx、Collect/Data.aspx 和 Index/Data.aspx 三 个 页 面 需要 使 用 JS 日 历 控 件 ， 
所 以 再 要 在 这 三 个 页 面 的 页 面 代码 中 加 入 如 下 代码 : 


<sScript type="text/Javascript™" src="../Styles/Sscripts/Calendar.]s"> 


</scripty> 


上 述 代 码 是 通过 相对 路 径 的 方式 来 指定 引用 的 Calendarjs 库 文 件 。 考 虑 将 引用 代 但 放 
到 Site master 母 版 页 中 ,这 样 所 有 使 用 母 版 页 的 页 面 都 可 以 使 用 这 个 JS 库 ， 此 时 必须 使 用 
网 站 绝对 路 径 , 因为 使 用 母 成 页 的 页 面 可 能 在 不 同文 件 夹 中 。 但 <scrip 人 标记 不 是 ASPNET 
控件 ， 无 法 直接 使 用 “~/ ”这 样 的 网 站 绝对 路 径 ， 只 能 使 用 ASPNET 髓 入 标记 方式 ， 即 
如 下 代码 中 的 <%=< 表 达 式 >9%> 标 记 ， 有 具体 代码 为 

<script type="text/Javascript" 

Src="<$= ResolveUrl ("~/Styles/Scripts/Ccalendar.]s")$>"> 

</script> 


Index/Data.aspx 页 面 没有 使 用 母 版 页 ， 所 以 仍然 需要 单独 引用 该 JS 库 文件 , 通常 将 JS 


1 教材 源码 资料 中 提供 的 这 个 JS 日 期 控件 仅 在 正 浏览 器 的 菲 容 模式 下 能 正常 工作 。 
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库 文件 的 引用 代码 安排 在 <head> 元 素 中 ， 具 体 页 面 代 码 如 下 : 
<head runat="server"> 
<title>KPI 分 析 明 细 页 面 </title> 
<link href="../sStyles/Site.css" rel="stylesheet™ type="text/css™" /> 
<script type="text/Javascript" 
src="../Styles/SsScripts/calendar.]J]s"></script> 
</head> 


3) 使 用 JS 日历 控 件 
不 同 JS 控件 使 用 方法 都 不 一 样 ， 对 于 本 例 中 的 JS 控件 ， 需 要 在 相应 的 文本 框 中 添加 
onfocus 事件 处 理 ， 在 事件 处 理 中 调用 calendarO 这 个 JS 函数 即 可 ， 具 体 页 面 代 体 为 


<tqd W1IdGth="100 委 "> 
指定 日 期 : <aAsp:TextBox ID="tbFromDate™" runat="server™" onfocus="calendar ()" />-— 
<asp:TextBox ID="tbToDate™" runat="server™" onfocus="calendar()™" /> 
<asp:Button ID="btSeek"” runat="server"” Text=" 查 找 " 
CausesVvallidation="False"™ /> 

</td> 


上 述 代码 中 的 tbFromDate 和 tbToDate 文本 框 都 指定 了 onfocus 事件 的 处 理 ,用户 单 击 
这 些 文本 框 时 ， 文 本 框 获得 输入 焦点 ， 于 是 浏览 器 就 会 执行 calendar0 这 个 JS 函数 。 

实际 上 ，Calendarjs 库 文 件 中 的 JS 脚本 加 DOM 中 添加 了 一 个 <div> 元 素 , 用 于 显示 日 
历 控 件 ， 但 该 元 素 一 开始 是 隐藏 的 。 在 calendar0 函 数 中 ， 首 先 判 断 触 发 onfocus 事件 的 
HTML 元 素 ， 然 后 根据 HTML 元 素 确 定 日 历 控件 的 显示 位 置 ， 并 显示 这 个 <div> 元 素 。 用 
户 选 择 日 期 后 ，J 脚本 会 将 该 日 期 号 入 到 触及 onfocus 事件 的 HTML 元 素 中 ， 完 成 日 期 
输入 。 

对 于 服务 器 来 说 ， 日 期 是 通过 tbFormDate 和 tbToDate 文本 框 控件 提交 的 ， 所 以 服务 
兽人 代码 无 须 任何 修改 。 而 且 ， 由 于 日 历 控件 能 够 保证 用 户 输入 正确 格式 的 日 期 ， 所 以 也 不 
再 需要 日 期 格式 校 验 控 件 。 

2. jQuery 日 历 控 件 

使 用 JS 虽然 可 以 做 出 更 优秀 、 更 漂 腕 的 用 户 界 面 ， 提 融 网 站 用 户 体 验 ， 但 使 用 JS 操 
作 DOM 对 象 仍 然 显 得 比较 烦琐 ， 且 存在 浏览 堪 兼 容 性 问题 。jQuery 的 出 现 大 大 改变 了 这 
点 ， 它 极 大 地 简化 了 JS 编程 ， 而 且 兼 容 各 种 不 同 的 浏览 器 。 

1 ) jQuery 基本 概念 

jQuery 本 和 喘 就 是 一 个 JS 库 ， 它 提供 了 相当 简洁 的 方法 来 完成 以 下 任务 。 

。 HTML 元 素 选 取 ; 

。 HTML 元 素 操 作 : 

。 CSS 操作 ; 

。 HTML 事件 函数 ; 

e JS 特效 和 动 男 ; 

。 DOM 通 历 和 修改 ; 
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@ AJAX., 
由 于 jQuery 功能 强大 、 人 简单 易 用 ， 而且 性 能 和 浏览 器 莱 容 性 都 非常 优秀 ， 所 以 得 到 了 
广泛 应 用 ， 许 多 基于 jQuery 开发 的 JS 库 不 断 被 推出 ， 这 惑 是 所 谓 的 jQuery 插件 。 


网 上 有 很 多 独立 的 jQuery 插件 ， 也 有 很 多 jQuery 插件 集合 ， 如 jQuery UI、easyUTI、 
LigerUI、DWZ、QuickUI 等 。 不 同 插件 集合 有 各 目的 特点 和 用 法 ， 通 和 开发 人 员 会 选择 一 
和 依 适 合 目 己 的 jQuery 插件 集合 。 

2) 使 用 jQuery 和 easyUI 库 

要 使 用 easyUI 的 jQuery 插件 集合 ， 首 先 要 为 页 面 引 入 jQuery 和 easyUI 库 文 件 。 可 以 
从 网 上 下 载 或 使 用 本 教程 所 提供 的 文件 ， 解 压 后 复制 到 相应 的 文件 夹 ， 有 具体 操作 如 下 。 

(1) 复制 整个 themes 文件 夹 到 KPISWeb 的 Styles 文件 夹 中 ， 这 是 easyUI 使 用 的 风格 
主题 包 。easyUI 提供 了 几 个 不 同 的 主题 ， 如 果 只 打算 使 用 其 中 的 某 个 主题 ， 则 可 以 删除 其 
他 的 主题 文件 夹 ， 如 black、bootstrap 等 ， 但 不 要 删除 icon 文件 夹 和 icon.css 文件 。 

(2) 删除 VS 自动 添加 到 Styles/Scripts 中 的 几 个 jQuery 库 文 件 ， 因 为 这 些 jQuery 库 文 
件 很 可 能 是 过 期 的 ， 和 easyUI 不 一 定 碌 容 。 

(3) 复 制 解压 根 文 件 夹 中 的 jquery.min.js 和 jquery.easyui.min.js 两 个 文件 到 Styles/Scripts 
文件 来。 前 者 就 是 jQuery 库 ， 后 者 就 是 easyUI 库 。 文 件 名 中 市 看 min， 说 明 这 十 压缩 后 的 
JS 库 ， 可 以 减 小 库 文件 的 体积 ， 减 少 网 络 带 宽 的 消耗 ， 不 过 不 便于 查看 和 调试 。 

(4) 复制 解压 文件 夹 locale 中 的 easyui-lang-zh CN.jjs 文件 到 Styles/Scripts 文件 夹 中 。 
这 是 本 地 化 文件 , zh CN 表示 是 中 国 大 陆地 区 , 使 用 该 文件 不 但 能 够 让 easyUI 控件 显示 成 
中 文 界面 ， 而 且 会 按照 中 文 习 惯 设 置 一 些 格 式 ， 如 日 期 格式 。 

做 好 上 述 准 备 工作 后 ， 就 可 以 在 页 面 中 引用 这 些 文件 了 。 在 Site.master 母 版 页 中 ， 用 
如 下 的 页 面 代码 蔡 换 前 面 对 Calenderjs 库 文件 的 引用 ， 具 体 页 面 代码 为 


<link rel="stylesheet™" type="text/css" 
href="Styles/themes/default/easyuli.css" /> 
<link rel="stylesheet™" type="text/css" 
href="Styles/themes/icon.css™" /><script type="text/Javascript" 
Src="<$= ResolveUrl ("~/Styles/Scripts/Jquery.min.Js")$>"></script> 
<script type="text/Javascript" 
SrIC="<$%= ResolveUrl ("~/Styles/Scripts/Jquery.easyul .min.]J]s")%$>"> 
</script> 
<script type="text/Javascript" 
src—"<$—= ResolveUrl("~/Styles/scripts/easyui—lang—zh CN.JS")$>"> 
</script> 


上 述 代码 使 用 了 两 个 easyUI 的 CSS 文件 ， 第 1 个 为 主题 风格 样式 表 ， 第 2 个 为 图 标 
定义 样式 表 ，easyUI 充分 利用 了 HTML 元 素 的 CSS 样式， 所 以 这 两 个 CSS 文件 是 必须 引 
用 的 。 注意 JS 库 文件 的 引用 顺序 ， 因 为 这 3 个 库 文件 之 间 存 在 着 依赖 关系 ,而 浏览 器 是 按 
照 引 入 顺序 依次 处 理 的 ， 所 以 不 能 改变 上 述 代 码 中 的 引用 顺序 。 

同样 为 Index/Data.aspx 页 面 修改 上 述 引 用 代 但 ， 由 于 使 用 了 网 站 绝对 路 径 的 方式 ， 所 
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以 上 述 代码 可 以 直接 用 于 该 页 面 。 

3) 使 用 easyUI 日 期 控件 

引入 上 述 文 件 后 可 以 直接 使 用 easyUI 的 日 期 控件 。 删 除 原 日 期 输入 框 中 的 onfocus 事 
件 定义 ， 替 换 成 特殊 的 CSS 样式 名 ， 具 体 页 面 代 码 为 


<td width="100%"> 
指定 日 期 : <asp:TextBox ID="tbFromDate" runat="server" 
C1ass="easyuUlL-datebox'" /> -一 
<asp:TextBox ID="tbToDate" runat="server™" class="easyuli-datebox™ /> 
<asp:Button ID="btseek™ runat—"server” Text=" 宜 找 " 
CausesVallidation="False" /> 

</td> 


只 要 将 文本 框 的 class 属性 值 设置 成 easyui-datebox， 这 个 文本 框 就 会 被 easyUI 改造 成 
日 期 输入 框 ， 呈 现 出 如 图 12-3 所 示 的 效果 。 


指定 日 期 : | P014-12-27 -| 2014-12-27 加 


所 十 二 月 20t4 


22.00 日 一 二 三 四 五 六 Ken 采集 员 
12. 00 LE 3 起 四 Ken 采集 员 
32. 00 T 8 9 10 11 12 en 采集 员 
12. 00 14 15 16 17 18 19 Ken 来 集 风 
EE 21 22 23 24 25 26 |27| 及 集 内 


图 12-3 easyUI 日 期 控件 的 显示 效果 


同样 ，easyUI 日 期 控件 纯粹 是 客户 站 的 改变 ， 必 送 回 服务 器 的 途径 仍然 是 通过 Form 
的 文本 框 〈 对 应 ASPNET 的 文本 控件 )， 所 以 服务 问 无 须 任何 改变 。 


12.4 jQuery 基础 


由 于 存在 看 大 量 jQuery 插件 集合 ，Web 开发 人 员 可 以 轻松 开 友 出 局 级 Web 界面 。 但 
要 用 好 jQuery 插件 ， 需 要 掌握 jQuery 的 一 些 基 本 概念 以 及 JS 的 一 些 重要 概念 。 

1，Js 国 数 和 对 人 象 

函数 是 JS 的 核心 ，jQuery 控件 经 闻 需 要 传递 JS 函数 来 实现 控制 或 获取 处 理 结果 。 所 
以 ， 必 须 对 JS 函数 和 JS 对 象 有 深刻 的 理解 。 

1) 函数 概述 

定义 JS 函数 的 基本 语法 如 下 : 


function functionName (arg0, argl,***,argN) { 


/ /statements 
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} 


JS 函数 无 顷 定 义 参 数 基 型 ， 甚 至 可 以 不 定义 参数 ， 直 接 通过 arguments 数组 来 获取 参 


function sayHi() I 


if (arguments.length > 0) { / /如 果 参 数 数量 >0 
1f (arguments[0] == "bye") { 1/ 如果 第 1 个 参数 为 "bye" 
return; 
} 
alert (arguments[0]); // 弹 出 对 话 框 中 显示 第 1 个 参数 的 值 
} 


} 


2) 对 象 概 述 
JS 函数 实际 上 是 功能 完整 的 对 象 , 开发 者 定义 的 任何 图 数 者 是 一 个 叫做 Function 的 对 


var function name = new Function(argl, arg2, ***, argN, function body); 


其 中 , 每 个 argX 都 是 图 数 的 参数 ， 而 最 后 一 个 参数 是 函数 主体 代 但 ， 这 些 参数 必须 是 字符 
串 。 例如 : 


Var SayH1L = new Function("sName", "sMessage", 


"alert(\"Hello \" + sName +sMessage);"); 
定义 了 一 个 名 为 sayHi 的 函数 对 象 ， 它 和 如 下 定义 完全 等 价 : 


function sayHi (sName, sMessage) ({ 
alert ("Hello" + SName + SMessage) :; 


通常 不 会 用 new Function0 这 种 方式 去 定义 函数 或 对 象 ， 因 为 这 样 书写 很 不 方便 , 但 一 
定 要 理解 在 JS 中 函数 和 对 象 是 等 价 的 。 

3) 操作 函数 对 和 象 

除了 通过 调用 函数 的 方式 使 用 函数 外 ， 还 可 以 把 函数 名 作为 变量 进行 赋值 。 例 如 : 


function doAdd (INum) { 
alert (iNum + 10); 


} 
Var alsodoAdd = doAdd:; 
doAdd (10); / /输出 a 


alsodoadd (10); // 输 出 "20" 

上 述 代 人 码 定 义 了 doAdd0 函 数 ， 然 后 alsodoAdd 变量 被 声明 为 指向 doAdd0 函 数 ， 这 样 
用 doAdd 或 alsodoAdd 这 两 个 变量 都 可 以 执行 该 函数 的 代 伍 。 

因为 函数 名 是 指 问 函数 的 变量 , 所 以 还 可 以 把 函数 作为 参数 传递 给 另 一 个 函数 , 例如 : 
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function callAnotherFunc (fnFunction, vArgument) { 
fnFunction (vArgument); 

} 

callAnotherFunc (doAdd, 10); /i 畏 出 "20" 

上 述 代 人 码 中 ,callAnotherFunc0 函 数 有 2 个 参数 ,fnFunction 是 要 调用 的 函数 ,vAreument 
是 传递 给 fnFunction 录 数 的 参数 。 最 后 把 doAdd0 函数 和 数值 参数 10 传递 给 
callAnotherFuncO 函 数 ， 从 而 执行 doAdd(10) 输 出 20。 

4) 数组 对 象 

JS 中 各 种 数据 类 型 实际 上 部 是 对 和 象 ， 如 数值 、 布 尔 、 子 稚 串 、 日 期 、 数 组 、 数 学 和 下 
则 表达 式 ， 下 面 简要 介绍 数组 对 象 。 

(1) 创建 数组 

JS 数组 都 是 Array 类 型 的 对 象 ， 因 此 需要 通过 new 命令 来 创建 数组 对 象 。 下 面 的 代码 
定义 了 一 个 名 为 mycars 的 数组 对 象 : 


Var mycars = new Array(); 
这 样 定义 的 数组 是 长 度 可 变 的 ， 可 以 直接 为 茶 个 下 标的 数组 元 素 赋 值 ， 如 : 


mycars[l1] = 1; 
mycars[2] = true; 
mycars[3] = "BMW"; 


上 述 代 三 执行 后 ，mycars 数组 的 长 度 为 4， 数 组 中 的 元 素 类 型 分 别 为 undefined、 数 值 
型 、 布 尔 型 和 字符 串 型 ， 值 分 别 为 undefined、1、true 和 "BMW"。 可 见 JS 数组 不 但 长 度 会 
目 动 增长 ， 而 且 元 系 关 型 还 可 以 各 不 相同 。 

undefined 类 型 是 JS 特有 的 类 型 ， 其 只 有 1 个 值 undefined， 就 好 像 boolean 只 有 2 个 
值 — true 和 false 一 样 。 默 认 地 ， 当 使 用 var 定义 一 个 变量 但 没有 给 变量 初始 化 值 时 ， 该 
变量 的 类 型 惑 是 undefined。 

也 可 以 使 用 一 个 整数 值 来 控制 数组 容量 ， 但 只 是 指定 了 初始 的 数组 长 度 ， 例 如 ; 

Var mycars = new Array (3); 

还 可 以 直接 在 创建 数组 对 象 时 初始 化 数组 元 素 ， 例 如 

Var mycars = new Array(1，tLrue，”BMW ) ; 

甚至 使 用 方 括号 标记 的 方法 也 可 以 直接 写 出 一 个 数组 对 象 : 


Var b= ["George", "Andrew”, "Thomas" |] :; 


(2) 过 历数 组 
要 循环 输出 数组 中 的 元 素 ， 可 以 根据 数组 的 长 度 用 for 循环 ， 例 如 : 
Var mycars = new Array(l, true, "BMW"); 


for (1 = 0; 1 < mycars.length; 1++) { 


document .write (mycars[i] + "<br />") 
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} 
其 中 通过 数组 对 象 的 length 属性 可 以 获得 当前 数组 的 长 度 ， 也 可 以 用 for(…in…) 的 语法 ， 
注意 和 C# 中 的 foreach(…) 的 区 别 ， 


for (x in mycars) { 


document .write (mycars[x] + "<br />") 


} 
(3) 操作 数组 
Array 数组 对 象 提 供 了 一 些 钊 见 的 操作 方法 。concat0 方 法 可 以 将 两 个 数组 合并 成 另 一 


个 数组 ， 例 如 下 和 面 的 代 公 输出 “George,John,Thomas,James,Adrew,Martin”: 


var arr = new Arrayl(l" George", "John", "Thomas™); 
Var arr2 = new Array("James", "Adrew", "Martin™); 
arr = arr.concat (arr2); 


document .write (arr) ; 
join0 方 法 可 以 将 数组 中 的 元 素 连接 成 为 一 个 字符 串 ， 例 如 ; 


document .write (arr.Join()); 


document .write (arr.Join(™"™."™)); 


上 述 代 码 第 1 条 语句 输出 用 默认 连接 符 “, ”分 隔 的 字符 捉 “George,John,Thomas”， 
第 2 条 输出 用 指定 连接 符 “.” 分 隅 的 字符 串 “George.John.Thomas ”。 

字符 串 的 split0 方 法 和 join() 方 法 作用 刚好 相反 ， 例 如 下 面 的 代码 将 字符 捉 根 据 指定 连 
接 符 “ ?分割 成 数组 : 


Var arrstr = “Georgde .John -Thomas :; 


var arr = arrstr.split("."); 
要 对 数组 中 的 元 素 进 行 排 序 ， 可 以 使 用 数组 对 象 的 sort0 方 法 ， 例 如 : 
arr.sort().; 


和 concat() 方 法 个 同 ，sort0 方 法 不 但 会 返回 排序 后 的 数组 ， 而 且 被 排序 数组 本 里 也 会 被 修 
改 成 有 序 的 状态 。 如 果 是 数值 数组 ， 则 sort0 方 法 按照 数值 大 小 进行 排序 ， 否则 就 统一 转换 
成 字符 串 后 按照 字典 序 进 行 排序 。 

2. jQuery 选择 合 

jQuery 一 个 重要 功能 是 便捷 地 获取 DOM 对 象 ， 这 就 是 jQuery 选择 器 的 功能 。 和 掌握 
jQuery 选择 器 是 理解 和 编写 jQuery 代码 的 关键 ， 而 掌握 jQuery 选择 器 的 关键 是 如 何人 准确 
地 指定 需要 选择 的 DOM 对 象 。 

jQuery 选择 器 通过 标记 名 、 属 性 名 或 其 他 内 容 来 选择 DOM 对 象 。 如 果 满 足 条 件 的 DOM 
对 象 有 多 个 ， 那 么 选择 器 就 会 选中 一 组 DOM 对 象 。 通 过 选择 器 可 以 完成 对 DOM 对 象 组 
的 操作 。 实 际 上 ， 即 使 选择 器 选中 的 是 单个 DOM 对 象 ，jQuery 也 会 统一 按 对 象 组 方式 来 
处 理 。 
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1) jQuery 语法 和 对 和 象 
jQuery 的 基础 语法 是 


$s (selector} .action (}; 


e 9$ 表 示 这 是 jQuery 语句 。 

。 selector， 即 选择 器 ， 指 定 DOM 对 象 的 选择 条 件 。 
。 action0 表 示 对 对 象 组 的 操作 方法 。 

例如 : 


$ ("p") .hlae():; // 隐 忠 所 有 上 段落 (<p>) 
$s (".test") .hide(); // 隐 藏 所 有 class="test" 的 DOM 对 象 
$ ("#test") .hide (); // 隐 藏 所 有 id="test" 的 DOM 对 象 (一 般 来 说 ,iq 属性 值 应 该 是 唯一 的 ) 


需要 注意 的 是 ，jQuery 选择 需 获 取 的 并 不 是 DOM 对 象 本 映 ， 而 是 jQuery 对 DOM 对 
象 的 封装 ， 称 为 jQuery 对 象 。jQuery 为 jQuery 对 象 定义 了 很 多 特有 的 方法 ， 如 上 述 例子 
中 的 hide0 方 法 ， 其 作用 是 隐藏 对 应 的 DOM 元 素 。 

jQuery 对 象 和 DOM 对 象 昌 然 存 在 对 应 关系 ， 但 它们 是 不 同 的 对 象 ， 所 以 不 能 通过 
jQuery 对 象 访问 对 应 DOM 对 象 的 属性 和 方法 ， 也 不 能 通过 DOM 对 象 使 用 jQuery 对 象 的 
属性 和 方法 。 不 过 jQuery 提供 了 jQuery 对 象 和 DOM 对 象 互相 转换 的 方法 。 

(1) 将 jQuery 对 象 转换 成 DOM 对 象 

jQuery 选择 器 获取 的 一 定 是 jQuery 对 象 组 , 例如 $("p") 获 取 所 有 上 段 沙 <p> 对 象 ， 那么 通 
过 以 下 方法 可 以 获取 对 应 的 DOM 对 象 : 


$s("p") [0]; / /使 用 索引 器 获取 第 0 个 DOM 对 象 
$ ("mp") .get (1); // 使 用 get 方法 获取 第 1 个 DOM 对 象 


例如 ， 如 果 在 页 面 写 入 下 面 的 JS 脚本 : 


<script type="text/Javascript"> 
$ (document) .ready (function () { 
var firstP = $("p")[0]; // 使 用 索引 器 获取 第 0 个 DOM 对 象 ， 保存 到 firstP 变量 中 
alert (firstP.innerHTML) ; // 弹 窗 ， 显 示 firstP 对 象 的 内 容 (innerHTML 属性 ) 
}); 
</script> 


在 浏览 锅 打 开 上 述 页 面 时 ， 融 会 弹出 一 个 对 话 框 显示 第 0 个 段 洛 元 素 的 内 容 。 

(2) 将 DOM 对 象 转换 成 jQuery 对 象 

注意 上 例 中 , 主要 的 JS 语句 位 于 一 个 document 的 ready0 方 法 中 , 但 document 这 个 对 
象 被 50 所 包围 ， 这 就 是 jQuery 将 DOM 对 象 转换 成 jQuery 对 象 的 方法 。 

(3) $(document).ready0 方 法 

DOM 对 象 转 换 成 jQuery 对 象 后 就 可 以 执行 jQuery 的 方法 了 , 所 以 上 述 ee 
是 jQuery 文档 对 象 的 方法 ， 访 方法 接受 一 个 JS 函数 作为 参数 ， 一 旦 浏览 器 准备 好 整 
档 的 DOM 树 时 jQuery 束 会 执行 这 个 JS 图 数 。 
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jQuery 代码 常常 放 到 一 个 匿名 函数 中 ， 然 后 将 这 个 匿名 函数 作为 参数 传递 给 ready() 
方法 ， 这 样 可 以 有 效 防 止 在 文档 DOM 完全 加 载 (就绪) 之 前 就 到 运行 jQuery 代码 。 如 果 
在 文档 没有 完全 加 载 之 前 束 运 行 JS 函数 ， 操 作 可 能 失败 。 例 如 在 载 入 <body> 元 素 之 前 浏 
哆 器 就 开始 执行 $6("p") 选 择 器 ， 就 会 获得 一 个 空 的 数组 ， 此 时 执行 hide0 方 法 不 会 有 任何 
效果 。 

匿名 函 数 的 定义 方法 和 普通 函数 一 样 ,只 是 无 须 指 定 函数 名 。 由 于 JS 函数 就 是 一 个 对 
象 ， 所 以 将 其 传递 给 ready0 方 法 是 合理 的 。 注意 将 整个 函数 对 象 的 定义 放 到 ready0 方 法 的 
0 之 间 ，JS 代码 的 这 种 写法 如 果 不 注意 排版 格式 ， 很 容易 导致 括号 不 此 配 ， 所 以 一 定 要 养 
成 良好 的 代码 书写 风格 。 

2) 基本 选择 器 


class 或 HIML 标记 名 来 查找 DOM 元 素 ， 表 12-1 中 给 出 了 基本 选择 器 和 表示 法 。 
表 12-1 jQuery 基本 选择 器 


名 称 说 了 明 退回 

#id 根据 元 素 的 ID 选择。 对 应 document.get- ”指定 ID 的 单个 元 素 构 成 的 对 象 集合 
ElementByID("1d")。 

tag 根据 元 素 的 名 称 选 择 。 对 应 document.get- ”所 有 <tag> 标 记 的 元 素 构 成 的 对 象 集合 
ElementsByITagName("tag")。 

.className ”根据 元 素 的 css 类 选择 。 返回 所 有 使 用 了 “className” 样 式 的 元 素 构 

成 的 对 象 集合 
选择 所 有 元 素 。 对 应 document.all[] 所 有 元 素 构 成 的 对 象 集合 


考虑 使 用 jQuery 选择 器 实现 如 下 功能 : 在 分 析 明 细 页 面 显 示 当 前 部 门 指标 的 明细 信息 
时 ， 如 果 “ 最 新 值 ”小 于 “标准 值 ”， 则 用 红色 显示 。 显 然 这 需要 获取 特定 元 素 的 值 ， 所 以 
应 该 使 用 ID 选择 器 ， 为 此 需要 考虑 ASPNET 控件 的 ID 属性 值 。 特 别 注意 ASPNET 控件 
对 应 的 HIML 元 素 ID 属性 值 通常 不 等 于 ASPNET 控件 的 ID 属性 值 ， 通 常 把 前 者 称 为 
ASPNET 控件 的 客户 端 ID， 后 者 称 为 服务 端 ID。 

在 浏览 器 中 打开 分 析 明 细 页 面 ， 右 键 单 击 页 和 面 选择 “查看 源 文件 ”命令 ， 可 以 看 到 显 
示 “ 最 新 值 ” 和 “标准 什 ” 的 Label 控件 客户 站 ID 属性 值 分 别 为 fyDeptIdx_lbNewValue 
和 fvDeptIdx_lbStandardValue, 也 束 是 在 原 服务 器 了 属性 值 之 前 加 上 了 控件 所 在 FormView 
控件 的 服务 端 ID 属性 值 作为 前 组 。 

根据 上 述 客 户 端 ID 属性 值 ， 在 Index/Data.aspx 页 面 的 <head> 元 素 中 添加 如 下 代码 : 


<script type="text/Javascript"> 
$ (document) .ready (function () { 
var stdv = $("#fvDeptIdx lbstandardValue"); // 标 准 值 控件 的 jQuery 对 象 
Var newv = $("#fVvDeptIdx lbNewValue"); // 最 新 值 控件 的 jJQuery 对 象 
var fstdv = parseFloat (stdqv.html ());V/ 解 析 标 准 值 控件 对 象 的 内 容 ， 转 换 成 数值 
var fnewv = parseFloat (newv.html ());V/ 解 析 最 新 值 控件 对 象 的 内 容 ， 转 换 成 数值 
if (fstdv != NaN && fnewv != NaN && fnewv < fstdv) {  // 最 新 值 < 标准 值 
Newv .css({color:"red",backgroundColor:"#bbffaa™.}); 


// 讽 置 最 新 值 控件 的 样式 
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} 
}); 
</script> 
上 述 代 人 码 自 先 使 用 jQuery 的 DD 选择 ， 获 取 标 准 值 和 最 新 值 控件 的 jQuery 对 象 ， 你 
存在 stdv 和 newv 两 个 JS 变量 中 。 然 后 调用 jQuery 对 象 的 html0 方 法 获取 对 应 HTML 元 
素 的 内 容 ， 并 使 用 JS 的 parseFloat(0) 函 数 将 内 容 转 换 成 数值 。 如 打转 换 失败 ， 变 量 中 保存 
的 将 是 NaN 的 JS 值 ， 表 示 非 法 数值 。 最 后 ， 如 和 两 着 者 是 合法 数值 ， 并 且 最 新 值 小 于 标 
准 值 ， 那 么 调用 jQuery 对 象 newv 的 css0 方 法 ， 设 置 newv 对 象 对 应 的 HTML 元 取样 式 ， 
设置 字体 闫 色 (color) 为 red， 表 景色 (backgroundColor) 为 #bbffaa。 
使 用 ID 选择 天 可 以 获取 特定 的 jQuery 对 象 ， 而 使 用 css 类 选择 右 会 选中 所 有 使 用 这 
个 样式 的 jQuery 对 和 象 ， 例 如 在 上 述 代码 中 添加 如 下 的 JS 语句 : 
$ ("content subtitle"™) .css("font—welght"™", "bold™); 
// 所 有 content subtitle 样式 用 粗 体 


css 类 选择 颖 的 特点 是 以 “.” 开 始 , 这 和 CSS 样式 表 中 用 “.” 开 始 表 示 类 的 定义 是 一 致 的 。 
jQuery 还 文 持 在 一 个 $0 中 包含 多 个 选择 占 ， 选 择 卓 之 间 用 “, ”分 隅 ， 选 择 强 之 间 是 
或 的 天 系 。 例 如: 


$(".content subtitle,#btSseek") .css ("font—weight™", "bold™); 


表示 同时 选中 css 类 为 content subtitle 或 id="btSeek" 的 元 素 ， 然 后 调用 cssO 方 法 将 它们 的 
字体 设 为 粗 体 。 

jQuery 选择 器具 有 丰富 的 选择 能 力 ， 下 和 面 给 出 的 例子 只 需要 向 蛙 了 解 即 可 。 

e。 $("p.intro"): 选取 所 有 class="intro" 的 <p> 元 素 。 

。 $("p#demo"): 选取 所 有 ld=- "demo" 的 <p> 元 素 。 
$("ul li:first"): 每 个 <ul> 的 第 一 个 <1i> 元 素 。 

e。 $("[href$='.jpg]"): 所 有 市 有 以 "jpg" 结 尾 的 属性 值 的 href 属性 。 

e。 $("div#intro .head"): id="intro" 的 <div> 元 素 中 的 所 有 class="head" 的 元 素 。 

e。 $("body>div"): <body> 内 的 直接 子 <div>。 

e $("body div"): 选择 <body> 内 的 所 有 后 代 <div>。 

。 $("#onetdiv"): 紧 跟 在 ID 为 one 的 元 素 后 面 的 <div>。 

e $("#two").siblings("div"): ID 为 two 的 元 素 所 有 兄 囊 <div> 元 素 。 

。 $("#two~div"): I 有 D 为 two 的 元 素 后 而 的 所 有 兄 旨 <div> 元 素 。 

3. jQuery 事件 

jQuery 事件 处 理 方法 是 jQuery 中 的 核心 函数 ， 而 事件 处 理 程序 指 的 是 当 HTML 页 面 
中 屎 生菜 些 事 件 时 所 调用 的 JS 函数。 例如 前 面 多 次 使 用 的 document 对 象 的 readyO 事 件 处 
理 方法 ， 绑 定 的 事件 处 理 程序 是 一 个 匿名 函数 。 

另 一 个 音 用 的 事件 处 理 方 法 是 click0， 用 于 为 元 素 绑 定 单 击 事件 处 理 程 序 。 例 如 为 所 
有 <span> 对 象 绑 定 一 个 JS 方法 ， 实 现 单 击 <span> 元 素 ， 弹 出 对 话 框 中 显示 该 <span> 元 素 内 
容 的 JS 脚本 如 下 : 
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function prompt () { / /定义 事件 处 理 程序 prompt () 函数 
alert ($ (this) .htm]l ()); // 弹 出 对 话 杠 ， 显 示 触 发 事件 的 元 素 的 内 容 


} 
$ (document) .ready (function () { // 文 档 载 入 后 执行 匿名 图 数 


$ ("span™) .click (prompt)}); 
// 获 取 所 有 <span> 元 素 ， 绑 定 click 事件 处 理 程序 prompt () 函数 


} 

ASPNET 中 的 Label 控件 实际 上 最 终生 成 的 就 是 <span> 元 素 ， 如 条 将 上 述 代 码 加 入 
Index/Data.aspx 页 面 中 ， 则 单 击 部 门 指标 休 个 明细 信息 时 ， 都 会 调用 promptO 方 法 。 下 接 
将 事件 处 理 程序 作为 参数 定义 在 click0 方 法 中 也 是 可 以 的 ， 有 具体 代码 如 下 : 

<script type="text/Javascript"> 


$ (document) .ready (function() { 
$s$ ("span™.) .click(function() { alert ($ (this}) .html (}); }) 7 


}); 
</script> 


4. JSON 数据 格式 
在 前 面 例子 中 使 用 jQuery 的 css 类 选择 器 为 HTML 元 素 设置 样式 时 , 使 用 了 如 下 的 语 
名 实现 同时 修改 多 个 样式 项 : 


newv-css({color:"red" ,backqroundCcolor:"#bbffaa"}); // 设 置 最 新 值 控件 的 样式 


实际 上 传递 给 css0 方 法 的 参数 是 一 个 JSON 对 象 ，JS (包括 jQuery) 中 经 常 使 用 JSON 对 
象 来 表示 复杂 的 数据 结构 。 

JSON (JS Object Notation) 是 一 种 轻 量 级 数据 交换 格式 ，JSON 采用 完全 独立 于 语言 
的 文本 格式 。 相 比 于 XML，JSON 不 但 体积 更 小 ， 更 易于 陪读 和 编号， 同时 也 易于 机 器 解 
析 和 生成 ,这些 特 性 使 JSON 成 为 理想 的 数据 交换 格式 , 因此 得 到 远 起 JS 范围 的 广泛 应 用 。 


1) 基本 格式 
JSON 的 基本 格式 为 名 / 值 对 的 集合 。 所 谓 名 / 值 对 , 格式 为 字段 名 称 , 后 面 写 一 个 冒号 ， 


然后 是 值 ， 例 如 : 
"firstName™ : "John™ 
其 中 firstName 就 是 名 ， 而 值 为 字符 串 "John"。 当 然 还 可 以 使 用 其 他 类 型 的 值 ， 如 : 
“ae 
JSON 基本 值 可 以 是 数字 (整数 或 浮 点 数 )、 字符 串 ( 双 引号 中 )、 逻辑 值 (true 或 false)、 
空 值 Cnull)。 不 能 单独 出 现 名 或 但 ， 必 须 以 集合 方式 出 现 。 集 合用 伦 括 号 表示 ， 例 如 : 
("firstName" : "John") 
如 果 和 集合 中 有 多 个 名 / 值 对 ， 则 用 逗号 分 隔 ， 如 : 


{ "firstName": "Brett"™, "lastName™"™: "McLaughlin™", "age": 23 } 
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实际 上 JS 认为 这 定义 了 一 个 JSON 对 象 (object， 或 叫 结构 体 struct、 记 录 record*….)， 
因为 JS 中 可 以 直接 将 其 作为 一 个 对 和 象 来 进行 操作 。 例 如 : 


Var a= { "firstName": "Brett", "lastName": "McLaughlin™", "age": 23 }}; 


alert ("Hello, " + a.firstName + " " + a.lastName + ™."); 


2) 峰 套 格式 
名 / 值 对 中 的 值 除 了 基本 值 以 外 ， 还 支持 JS 数组 〈 方 括号 中 ) 和 JSON 对 象 〈 花 括号 
中 )， 所 以 JSON 格式 足以 表示 复杂 的 数据 结构 。 例 如 : 


var people = 1{ 
"programmers": [{ "firstName": "Brett"™", "lastName™": "McLaughlin™}, 
{ "firstName™: "Elliotte™", "lastName™: "Harold"™}], 
"authors™": [{ "firstName™": "Isaac™, "lastName™: "Asimov™ }, 
{ "firstName™": "Tad™, "jastName™"™: "Williams"™ }], 
"musicians": [{ "firstName™: "Eric", "lastName": "Clapton™ }] 
} 
alert (people.authors[1] .firstName); / /输出 :Tad 


上 述 JS 代码 定义 了 一 个 名 为 people 的 JSON 对 象 ， 对 象 有 programmers、authors 和 
musicians 三 个 属性 ,每 个 属性 的 值 都 是 一 个 数组 (在 方 插 号 中 )， 数 组 中 的 元 紊 义 是 JSON 
对 象 ( 在 花 括 写 中 )， 对 象 有 firstName 和 lastName 两 个 属性 。 代 码 最 后 访问 了 第 1 个 小 说 
家 (authors[1]) 的 firstName 属性 值 。 

3) 操纵 JSON 

允许 修改 JSON 对 象 的 属性 ， 例 如 将 上 述 people 中 第 1 个 musicians 对 象 的 lastName 
修改 成 Rachmaninov 的 JS 代码 如 下 : 


people.musicians [1] .lastName = "Rachmaninov"; // 修 改 lastName 属性 

许多 语言 (如 C#) 并 不 支持 JSON 对 象 ， 通 常 只 能 处 理 JSON 格式 的 字符 串 。 较 新 的 
浏览 器 和 最 新 的 JS 标准 中 均 包 含 了 原生 的 对 JSON 的 支持 ， 可 以 用 如 下 的 方法 将 JSON 
对 得 转换 成 字符 串 : 


Var peoplestr = JSON.stringify (people).; 
/ /获取 JSON 对 象 people 的 JSON 格式 字符 串 


实际 上 可 以 将 任意 JS 对 象 转换 成 JSON 格式 的 字符 串 ， 例 如 : 


function User (name，Ppassword) { // 定 义 对 浊 (类 ) 
this.userName = name; 


this.password = password; 
} 
Var usr = new User ("admin"，"123"); // 使 用 new 方法 创建 User 对 象 
var usrJsonstr = JSON.stringify(usr); // 获 取 对 浊 usr 的 JSON 格式 字符 串 


1 IE 8、Firefox 3.5、Chrome 等 。 对 于 较 老 的 浏览 器 , 可 使 用 JS 库 : https://github.conydouglascrockford/ 
JSON-]s/blob/master/]son2.]s。 
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也 可 以 用 JSON parse0 方 法 将 JSON 格式 字符 串 转 换 成 JSON 对 象 ， 例 如 : 


var usrJson = JSON.parse (usrJsonStr);  // 解 析 JSON 格式 字符 串 ， 获 得 JSON 对 象 
document .wrlte(UusrJson.-UserName) ; / /输出 usrJson 的 用 户 名 


12.5 ”实现 指标 走势 图 


在 Web 页 面 上 实现 图 表 展 示 分 为 服务 端 和 客户 妆 2 种 技术 ,ASPNET 提供 了 MSChart 
服务 冰 图 表 控 件 ，jqPlot 则 是 一 于 基于 jQuery 的 客户 新 图 表 控 件 。 

1. 使 用 MsChart 控件 

虽然 不 同 的 图 表 探 件 使 用 方法 差异 较 大 ， 但 网 表 的 基本 概念 却 是 相同 的 。 

1) 指标 走势 图 

如 图 12-4 所 示 是 Index/Data.aspx 负面 中 最 终 实现 的 走势 图 这 是 一 种 折线 图 ， 图 中 有 
2 条 折线 ， 实 折线 为 该 部 门 指标 的 标准 值 ， 虚 折线 为 实际 值 。 


KPI 指 标 走势 图 


指标 但 


0 
2014/12/10 2014/12/14 2014/12/18 2014/12/22 2014/12/26 
2014/12/12 2014/12/16 2014/12/20 2014/12/24 2014/12/28 
指标 日 期 
图 例 


图 12-4 使 用 MsChart 实现 的 KPI 指标 走势 图 


以 图 12-4 为 例 说 明 图 表 的 一 些 基本 概念。 

(1) ChartAreas: 绘图 区 集合 。 一 个 MsChart 控件 中 可 以 同时 呈现 多 个 绘图 区 ， 每 个 
绘图 区 有 独立 的 系 了 轴 和 背景 色 等 属性 。 图 12-4 中 只 有 一 个 默认 绘图 区 ChartAreal。 注 
意 绘图 区 域 仅 仪 是 一 个 用 于 呈现 图 表 的 区 域 ， 本 喘 并 不 包含 图 表 的 内 容 。 

(2) Series: 图 表 序 列 集合 。 图 表 序 列 是 实际 的 绘图 数据 ， 可 以 往 集合 里 面 添 加 多 个 图 
表 序 列 ， 每 一 个 图 表 序 列 可 以 有 自己 的 绘制 形状 、 样 式 、 数 据 。 如 图 12-4 中 包含 了 “实际 
值 ”" 和 “标准 值 ” 两 个 图 表 序 列 , 它们 都 是 折线 图 , 实 线 对 应 的 数据 为 (CDate, StandValue)， 
虚线 对 应 的 数据 为 (CDate，Value)。 

图 表 序 列 可 以 指定 展示 在 哪个 绘图 区 域 中 ， 如 果 展 示 在 同一 个 绘图 区 域 中 ， 其 效果 束 
是 两 个 序列 炙 加 在 了 一 起 。 

(3) Legends: 图 例 集合 。 图 例 用 于 标注 图 形 中 各 个 线条 或 颜色 的 含义 ,一 个 MSChart 
控件 也 可 以 包含 多 个 图 例 说 明 , 序列 需要 指定 将 目 己 的 展示 在 哪个 岁 例 中 。 如 图 12-4 中 有 
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一 个 图 例 ， 名 称 为 Legendl1， 标 题 为 “图 例 ” 仿 徘 在 下 方 ， 位 置 居 中 。 两 个 序列 都 指定 展 
示 在 Legendl 中 。 

(4) Titles: 标题 合集 。MSChart 控件 可 以 添加 多 个 标题 ， 可 设置 标题 的 样式 、 文 字 和 
位 置 等 属性 。 图 12-4 添加 了 一 个 标题 “KPI 指标 走势 图 ”显示 在 网 表 的 上 方 。 

2) 添加 MsChart 控件 

打开 Index/Data.aspx 页 面 ， 从 工具 栏 的 数据 分 类 中 找到 Chart 控件 ， 将 其 拖 放 到 页 和 面 
布局 表格 的 下 方 。 设 置 Chart 控件 的 ID="chartIdxData"， 宽 度 Width=750px， 添 加 2 个 图 表 
序列 、 一 个 图 例 Legendl1， 设 置 图 表 标 题 “KPI 指标 走势 图 ”， 最 后 得 到 如 下 的 页 面 代 码 : 


<asp:Chart ID="chartIdxData" runat="server" DatasourceID="odsIdxData™ 
Width="750px"> 
<Seriles>***</Series> 
<ChartAreas>**</ChartAreas> 
<Legends> 
<asp:Legend Alignment="Center™ Docking="Bottom" Name="Legendl1" 
Tit1Le=" 图 例 "> 
</asp:Legend> 
</Legends> 
<Titles> 
<asp:Title Font="Microsoft Sans Serif, 15.75pt, style=Bold" 
ForeColor="Navy"” Name="Titlel" Text="KPI 指标 走势 图 "> 
</asp:Title> 
</Titles> 
</asp:Chart> 


ChartIdxData 控件 的 数据 源 采 用 和 gvIdxData 控件 同一 个 控件 (odsIdxData)， 所 以 图 
表 中 展示 的 数据 融 是 得 询 范 围 内 的 部 门 指标 数据 。 
ChartIdxData 控件 中 的 <ChartAreas> 节 中 的 具体 定义 代码 如 下 : 
<asp:ChartArea Name="ChartAreal"> 
<AxisY Title=" 指 标 值 "></AxisY> 
<AxisXx Title=" 指 标 日 期 "></Axisx> 
</asp:ChartArea> 


上 述 代码 定义 名 为 ChartAreal 的 绘图 区 ， 指 定 绘图 区 坐标 的 标题 ,立轴 为 “指标 值 ” 
入 轴 为 指标 日 期 

chartIdxData 控件 的 <Series> 广 中 定义 两 个 图 表 序列 ， 定 义 实 际 值 图 表 序列 的 代码 为 

<asp:Series Name=" 实 际 值 " Legend="Legendl™" ChartType="Line" XValueMember= 

"CDate™" Markerstyle="Circle" YValueMembers="Value" 

IsValueShownAsLabel="True™ 

Color="Black" BorderWidth="2™" Borderstyle="Dash"> 

</asp:Series> 

上 述 代 码 指定 图 表 序 列 名 称 Name=" 实 际 值 "，Legend='"Legendl" 表 示 将 Name 属性 值 
显示 在 Legendl 图 例 中 ; ChartType="Line" 表 示 图 表 类 型 为 折线 图 ; XValueMember= 
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"CDate"、YValueMembers="Value" 表 示 横 坐标 、 纵 坐标 分 别 对 应 数据 源 对 象 的 CDate、Value 
属性 ; MarkerStyle="Circle" 指 定 在 折线 的 数值 点 位 置 显示 小 圆 点 ; IsValueShownAsLabel= 
true 指定 在 小 加 点 附近 显示 具体 的 数值 ;Color="Black",BorderWidth="2",，BorderDashStyle= 
"Dash" 分别 指 定 折线 的 颜色 、 线 宽 和 线 型 。 

标准 值 图 表 序 列 设置 相对 简单 一 些 ， 具 体 代 码 为 


<asp:Series ChartArea="ChartAreal" ChartType="Line" Legend="Legendl"™" Name= 
"标准 值 " XValueMember="CDate" YValueMembers="StandValue" Color="Black" 
BorderWidth="2"> 


</asp:Series> 


pa 使 用 jqPlot 
使 用 MsChart 控件 ，ASPNET 首先 在 服务 端 生 成 相应 的 PNG 图 片 ， 然 后 发 送 给 浏览 
独 ; 而 采用 客户 六 图 表 拉 术 ,， 则 是 由 浏 宽 占 根据 数据 和 且 接 在 页 面 绘制 出 图 表 。 下 面 以 jqPlot 
这 球 纯 JS 控件 来 实现 指标 走势 图 。 
1) 实现 基本 图 表 
在 Index/Data.aspx 页 面 中 引入 jQuery 库 文 件 和 jqPlot 库 文 件 。 可 以 从 网 上 下 载 或 使 用 
本 教程 所 提供 的 文件 ， 将 所 有 jqPlot 库 文 件 复 制 到 Styles/Scripts 下 。jqPlot 采用 了 插件 技 
术 ， 最 基本 的 图 表 只 需要 jqueryjqplotmin.js 这 个 库 文 件 ， 不 同 的 扩展 功能 需要 用 到 其 他 以 
jqPlot 开头 的 插件 库 文 件 。 
先 考 虑 实现 最 基本 的 图 表 ， 上 所 以 使 用 如 下 代码 引入 库 文 件 : 
<!--[if 1t IE 9]><script type="text/javascript 
STC='<S 当 =ResolLVveUTr1l ("~/Styles/ScrlIpts/excanvas -mlIn-]s") 和 要 >"></ASCTIPt> 
<!l [endif]——> 
<script src="'<%=ResolveUrl ("~/Styles/sScripts/jquery.]j9gplot.min.]s")%>" 
tvype—"text/jJavascript"™></script> 


上 述 代码 第 1 段 额外 JS 库 文件 的 引用 放 在 HIML 注释 中 ， 这 是 为 了 兼容 9.0 以 下 版 
本 的 正 浏 览 器 ， 所 以 币 有 <!--]f1tIE 9]>…<![endifl--> 这 样 的 特殊 标记 。 

jqPlot 需要 将 图 表 绘 制 在 指定 的 <div> 元 素 中 ， 所 以 在 页 面 布 局 的 <table> 元 素 后 添加 如 
下 的 页 面 代码 : 


<div lid="plotIdxData™" style="height:300px; width:100%;"></div> 
最 后 ， 在 document.ready0 事 件 处 理 程 序 中 调用 $.jqplot0 方 法 绘制 图 表 ， 代 人 码 如 下 : 


<script type="text/Javascript"> 
$ (document) .ready (function() { 
Var Values = [<%=ValueJsArray%>]; // 定 义 values 实际 值 数组 
var stands = [<%$=StandJsArray$%>]; // 定 义 stands 标准 值 数 组 
/ /绘制 到 HTML 元 素 plotIdxData 中 ， 绘 制 values 数据 对 应 的 折线 、stands 数据 对 应 的 
/ /折线 
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$.Jqplot('plotIdxData', [values, stands]); 
})5; 
</script> 


上 述 代 码 使 用 了 <%=< 表 达 式 >%> 形 式 的 ASPNET 页 面 嵌 入 代码 ， 服 务 端 在 生成 页 面 
时 会 将 页 面 对 象 的 ValueJsArray 和 StandJsArray 属性 值 写 入 到 表达 式 所 在 位 置 ， 从 而 动态 
生成 JS 代码 ， 因 此 需要 在 页 面 后 台 代 码 中 添加 如 下 目 定 义 属 性 : 


public string ValueJsArray {get;set;} // 提 供 jqPlot 的 实际 值 数组 〈 字 符 串 ) 
public string StandJsArray {get;set;} // 提 供 jgqPlot 的 标准 值 数 组 (字符 串 》 


上 述 两 个 属性 的 值 ， 需 要 在 odsIdxData 数据 源 获取 数据 后 根据 数据 生成 出 来 。 为 此 ， 
添加 odsIdxData 数据 源 的 Selected 事件 处 理 方 法 ， 访 方法 中 可 以 访问 所 数据 源 获取 结果 数 
据 ， 上 有 具体 的 事件 处 理 方法 代码 如 下 : 


/// <summary> 
/// 数据 源 odqsIdxData 获取 数据 后 的 事件 处 理 
/// </summary> 
protected void odsIdxData Selected (object sender., 
ObjectDataSsourcestatusEventArgs e) 
{ 
List<IdxDataView> lidxData = e.ReturnVvalue as List<IdxDataView>; 
/ /获取 结果 数据 
/ /根据 数据 拼装 Js 数组 (字符 申 格 式 ) 
stringBuilder sbValue = new StringBuilder (); 
stringBuilder sbStand = new StringBuilder (); 


for (int 1 = 0; 1 < lidxData.Count; 1++) 

{ 
sbVvalue.AppendFormat ("{0},", idxDatal[il] .Value); / /拼接 实际 值 
sbstand.AppendFormat ("~{0},", idxDatal[1il] .standVvalue); / /拼接 标准 值 

} 

1f (sbvalue.Length > 0) 

{ 
sbValue .Remove (sbValue.Length - 1, 1); // 移 除 尾 部 逗号 
sbstand.Remove (sbstand.Length - 1, 1); // 移 除 尾 部 逗号 


ValueJsArray = SbValue.ToStrlndg () ; 
standJsArray = sbstand.Tostring (); 
} 
else // 没 有 数据 ， 也 需要 提供 一 个 默认 的 数据 ， 否 则 jqPlot 会 报错 
ValueJsArray = StandJsArray = "0™; 
} 


图 12-5 是 最 终 展示 的 效果 ， 和 图 12-4 相 比 不 但 缺少 很 多 图 表 元 素 ， 和 而 且 两 者 的 实际 
值 走势 刚好 相反 。 
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图 12-5 ”基于 jqPlot 展示 的 基本 KPI 指标 走势 图 


2) 设置 jgPlot 属性 

$.jqplot0 方 法 允许 通过 第 3 个 参数 设置 各 种 选项 ， 这 是 一 个 JSON 对 象 ， 其 藤 僚 层次 
可 以 很 深 。 由 于 很 多 选项 需要 用 到 jqPlot 的 扩展 功能 ， 因 此 还 需要 引入 额外 的 jqPlot 插件 
库 文 件 ， 币 用 的 如 下 。 

。 文 持 在 绘图 区 域 (Canvas) 上 绘制 文本 : jqplot.canvasTextRenderer.min.js:; 

e。 文 持 绘制 坐标 刻度 标记 (Tick): jgplot.canvasAxisTickRenderer.min .js: 

e。 文 持 日 期 坐标 : jqplot.dateAxisRenderermin js; 

e 文 持 数据 点 标记 : jgqplot.pointLabels.min.js。 

请 读者 自行 在 Index/Data.aspx 页 面 中 添加 对 这 些 JS 库 文 件 的 引用 ， 请 注意 路 径 表 示 
方式 。 

下 面 定义 图 表 标题 的 JSON 对 象 ， 具 体 的 JS 代码 为 

var title={"text™:"<$®=PlotTitles>"™, "show"™:true, "fontsize™:24, 


"fontFamily":" 楷 体 "]; 


其 中 PlotTitle 仍然 是 页 面 对 象 的 目 定 义 属性 ， 其 值 在 odsDeptIdx 控件 的 Selected 事件 处 理 
方法 中 设置 ， 相 关 后 人 台 代 人 码 如 下 : 


public string PlotTitle { get; set; } 

/// <summary> 

/// 数据 源 odsDeptIdx 获取 数据 后 的 事件 处 理 

/// </summary> 

protected vold odsDeptIdx Selected (object sender., 

ObjectDataSsourcestatusEventArgs e) 

{ 
DeptKpiIdxView deptIdx = e.ReturnValue as DeptKpiIdxView; 
PlotTitle = deptIdx.Name; // 部 门 指标 的 指标 名 称 作 为 图 表 标 题 

} 


jqPlot 支持 多 达 9 种 坐标 轴 ， 下 面 的 JSON 对 和 象 定义 了 xaxis 和 yaxis 坐标 轴 ， 具 体 的 
JS 代码 为 : 
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Var axes = 1{ 
"xaxls": {"renderer": $.Jqplot.DateAxlisRenderer., 
"tickRenderer": $.]Jgqplot.CanvasAxlisTickRenderer., 
"tickoptions": {"labelPosition™: "start™, “angle™": 30, "fontSsize": 
"8pt"} 
}, 
"yaxls": { "autoscale": true, 
"tickRenderer": $.Jgqplot.CanvasAxisTickRenderer, 
"ti1ckoptions™: {"fontSsize™: "Bpt"} 
} 
}; 


上 述 xaxis 横 坐 标 轴 ， 设 置 演 染 占 (renderer) 为 $.jqplot.DateAxisRenderer 以 文 持 日 期 
刻度 ; 设置 刻度 演 染 占 (tickRenderer) 为 $.jqplot.CanvasAxisTickRenderer 以 显示 刻度 值 ; 
通过 刻度 选项 (tickOptions) 规定 标记 从 刻度 位 置 (labelPosition) 开始 (start), 旋转 (angle) 
30"， 字 体 大 小 为 8pt。 上 述 yaxis 纵 坐 标 还 设置 了 目 动 尺寸 (autoscale )。 

下 面 是 图 表 序 列 的 样式 定义 JSON 对 象 ，JS 代码 为 


var seriesl = {"lineWidth": 2，"polntLabel1s": { "show": true }, 

"showMarker™":true,}; 

var series2 = {"lineWidth": 2, "pointLabels": { "show": false }, 
"showMarker": false, "color™": Ted- 


Fs 


3) 实现 局 级 图 表 
将 前 面 的 几 个 JSON 对 象 组 合 起 来 作为 指派 给 $.jqplotO 方 法 的 选项 参数 ， 从 而 实现 比 
完善 的 图 表 展 示 ， 完 整 的 JS 代 公 如 下 : 


<script type="text/Javascript"> 
$ (document) .ready (function () 
{ 
var Values = [<®=ValueJsArrays>]; // 定 义 values 实际 值 数 组 
var stands = [<%=StandJsArray%s>]; / /定义 stands 标准 值 数 组 


Var title = … / /图 表 标 题 和 样式 
Var axes = *** / /坐标 轴 和 样式 
Var Seriesl] = / /实际 值 图 表 序 列 样式 
Var Series2 = … / /标准 值 图 表 序 列 样式 
$.Jqplot ("plotIidxData™", [values, stands], { "title™": title, 
"ma" "rieo"™ [SGriesl, SeriesZl / /根据 选项 给 制图 表 
}); 

}); 


</script> 
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注意 上 述 代码 是 如 何 组 合 各 选项 JSON 对 象 的 ,特别 是 seriesl 和 series2 两 个 图 表 序 列 
样式 对 象 组 成 数组 的 形式 ， 其 顺序 和 数量 必须 和 $.jqpoltO 方 法 的 第 2 个 数组 参数 一 致 。 

$.jqpolt0 方 法 第 2 个 数组 参数 的 每 个 元 素 本 喘 叉 是 一 个 数组 ， 对 应 一 个 图 表 友 列 的 数 
据 ， 一 个 图 表 序 列 的 数据 数组 中 的 每 个 元 素 对 应 折线 上 的 一 个 数据 点 。 数 据点 元 素 可 以 是 
单个 数值 ， 如 前 面 基本 图 表 中 的 实际 值 或 标准 值 数组 那样 ， 但 也 可 以 是 只 有 2 个 元 素 的 数 
组 ， 这 2 个 元 素 分 别 对 应 横 坐 标 和 纵 坐 标 值 。 

为 了 让 图 表 的 横 坐 标 能 够 显示 日 期 刻度 ， 需 要 修改 ValueJsArray 和 StandJsArray 属性 
的 后 台 构 造 方法 ， 将 每 个 图 表 序 列 的 数组 的 元 素 从 单个 数值 修改 为 “指标 日 期 ”和 “指标 
值 ” 构 成 的 数组 。 修 改 后 的 odsIdxData Selected0 事 件 处 理 方法 如 下 : 


protected vold odsIdxData Selected (object sender., 
ObjectDataSourcestatusEventArgs e) 
{ 
List<IdxDataView> lidxData = e.ReturnVvalue as List<IdxDataView>; 
/ /BLL 方法 返回 的 数据 
stringBulilder sbValue = new StringBuilder (); 
stringBulilder sbstand = new StringBuilder (); 
for (int 1 = 0; 1 < idxData.Count; 1++) 
{ 
string date = idxDatal[1] .CDate.ToSsString ("yyyy—MM-—dd"™); 
/ /转换 成 Js 日 期 格式 字符 串 
sbVvalue.AppendFormat (™['{0}"',{1}],", date, idxDatal[il] .Value) ; 
// 一 个 数据 点 数组 
sbstand.AppendFormat (™["'{0}",{1}],", date, idxDatal[1i] .StandVvalue),; 
// 一 个 数据 点 数组 
} 
if (sbVvalue.Length > 0) 
{ 
sbValue.Remove (sbVvalue.Length — 1, 1)}); 
sbSstand.Remove (sbstand.Length — 1, 1)}); 
ValueJsArray = sbVvalue.Tostring () ; 
standJsArray = sbstand.ToSstring (); 


} 
else // 没 有 数据 ， 也 需要 提供 一 个 数据 点 ， 否 则 jqPlot 会 报错 
{ 


ValueJsArray = "[["2000-1-1 0:0:0", 0]]™; 
StandJsArray = “"[['2000-1-1 0:0:0", 0j]]"™; 
} 
全 看 最 终生 成 页 面 的 源 代 个， 可 以 看 到 上 述 代 人 码 产 生 的 图 表 序 列 数 组 ， 最 终 得 到 的 
KPI 指标 走势 图 如 图 12-6 所 示 。 
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一 、 选 择 题 
1. 使 用 JavaScript 脚本 在 网 页 中 输出 <hl>hello</h1l1>， 以 下 代码 正确 的 是 ( 
A) <script type="text/Javascript"> 
document.write(<hl1>hello</h1>=): 
</script> 
B) <script type="text/Javascript"> 
document.write("<hl1>hello</h1>"): 
</script> 
C) <script type="text/Javascript"> 
<hl>hello</h1> 
</script> 
D) <script type="text/Javascript"> 
<hl>document.write("hello"):</h1> 
</script> 
2. 在 DOM 中 根据 元 素 ID 属性 得 找 结 点 的 JS 方法 是 ( ) 
A) document.getElementById() 
B) document.getElementByNamel() 
C) document.getElement() 
D) document.getElementNode() 
3. 下 和 面 定义 整 型 变量 1 的 JavaScript 语句 ， 错 误 的 是 ( )。 
A) 1i=3- B) vari= 3: 
C) var1="3": 1=3: D) i= "3": 
4. 下 面 的 JavaScript 语句 中 ,( ” ”) 实现 清空 页 面 所 有 表单 内 的 所 有 文本 框 。 
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A) for(var I=0:I= forml.elements.length:1++) { 
lf(forml] .elements|[1|.type=="text") forml].elements|[1|.value=""; 
| 
B) for(var 1=0;1<document.forms.length:1++) { 
if(forms|0|.elements[1|.type=="text") forms[0|.elements[1|.value="": 
| 


C) Idocument.form.elements.type 一 "text") form.elements[i|.value="": 


D) for(var 1=0:;1<document.forms.length; 1++){ 
for(var ]=0:]<document.forms|1|.elements.length: ]++){ 
if{(document.forms|il|.elements|] |.type=="text") 


document.forms|i|.elements|]|.value="": 


} 
} 
5. jQuery 中 ， 给 一 个 指定 的 元 素 添加 样式 的 代码 是 (  )。 
A) first B) css(name) 
C) edq(]) D) css(name,value) 
6. 如 果 想 要 给 文本 框 添加 一 个 输入 验证 ， 可 以 用 jQuery 事件 处 理 方法 ( ) 实现 。 
A) hover(over, out) B) keypress(fn) 
C) textchange() D) change(fn) 


7. 下 面 jQuery 语句 ( ) 能 获取 页 面 <a hre 仁 "xxXX.jpg" title=" 军 航 员 返回 …"> 新 闻 
</a> 元 素 的 title 属性 值 。 


A) $("a").attr("title").val(): B) $("#a").attr("title"): 

C) $("a").attr("title"): D) $("a").attr("title").value: 
8. 用 jQuery 选择 器 选取 下 面 代 人 码 中 的 usemame 文本 框 输入 值 ， 不 正确 的 是 ( i 
<form> 


用 户 名 、<input type="text" id="usernamen name=nrusernamer /> 
密码 、<input type="passwordn id="pwd" name=" pwd "/> 
</form> 
A) $("#usemame").val(): 
B) $(".input").val(): 
C) $("input[name~usermmamel|").val(): 
D) $(":input[name=usermame|").val(): 
9. 页 面 有 一 个 <input type="text" id="name" name 一 "name" value=""/> 元 素 ， 动 态 设置 该 
元 素 值 的 jQuery 语句 为 上 
A)$("#name").val(" 动 态 值 "); B) $("#name").text(" 动 态 值 "): 
C) $("#name").html(" 动 态 值 ") D) $("#name").value(" 动 态 值 "): 
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10. 选取 下 面 代码 中 文本 内 容 是 “大 字体 ”的 <div> 元 素 ， 下 列 jQuery 语句 不 正确 的 
十 《 
<form> 
<div class="big"> 大 字体 </div> 


<diyv class="™small"> 小 字体 </div> 
</form> 


A) $("div.big"): 
B) $("div .big"): 
C) $("div:contains(' 大 学 体 ”)"): 
D) $("form > div.big"); 
二 、 填 空 题 
.动态 网 页 技术 根据 动态 效 玉 生成 问 的 不 同 可 以 分 为 ” 和 


2. 以 下 HTML 代码 ， 实 现 单 击 “ 关 闭 窗口 ”按钮 ， 让 用 户 确 认 是 否 关 闭 当前 页 面 ， 
确认 之 后 关闭 窗口 。 


<html> 
<head> 
<script type="text/Javascript"™ > 
function closeWin ()t 
if (confirm(" 人 崩 定 要 关闭 当前 页 面 吗 ? ")) window.close()，; 
} 
</script> 
</head> 
<body> 
<input type="button" value=" 关 闭 窗 口 " ="closeWin ()}"/> 
</body> 
</html> 


3. JavaScript 定义 数组 myArray 的 语句 是 var myArray= 
4. JavaScript 数组 的 方法 将 数组 中 的 元 素 连 接 成 为 一 个 字符 串 ， 和 split0 方 法 


作用 刚好 相反 ， 而 concatO 方 法 用 于 ， 涉 可 以 用 方法 实现 数组 排序 。 
5. 获取 所 有 段 沙 (<p>) 元 素 对 应 jQuery 对 象 的 语句 为 ， 获 取 其 中 第 1 
个 DOM 对 象 的 语句 为 


6. 9$(documenb .ready(fi) 中 的 函数 血 执行 时 间 是 在 浏览 右 加 载 完 DOM 之 
(前 ? 后 ? )。 

三 奸 非 题 

( ) 1. JavaScript 是 脚本 语言 ， 它 由 浏览 器 负责 解释 并 执行 ， 属 于 客户 端 动态 
技术 ， 

( ””) 2. 服务 站 图 表 技 术 ， 传 递 给 浏览 规 的 是 一 张 根 据 数 据 生 成 好 的 图 片 ;客户 冰 
图 表 技 术 ， 是 浏览 规 根 据 数 据 在 客户 疹 绘 制 的 。 
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( ) 3. JavaScript 的 函数 和 对 象 完全 不 同 ， 而 且 JavaScript 只 文 持 日 定义 函数 ， 不 
文 持 目 定义 对 象 。 

( ) 4. JavaScript 中 的 undefined 既是 类 型 ， 也 是 值 。 

( ) 5， jQuery 对 象 就 是 DOM 对 象 ， 只 是 通过 jQuery 选择 器 获取 DOM 对 象 更 方 
便 而 已 。 

) 6. ASPNET 控件 会 生成 对 应 的 HTML 元素 ， 对 应 HTML 元 素 的 ID 属性 值 就 
是 ASPNET 控件 的 ID 属性 值 。 

( ) 7. JSON 相 比 于 XML 体积 更 小 ， 更 易于 阅读 和 编写 ， 同 时 也 易于 机 器 解 析 和 


1. 列举 常用 的 DOM 对 象 至 少 3 个 ; 列举 DOM 对 象 沼 用 的 方法 或 属性 ， 一 共 至 少 
4 个 。 


2， 完 善 《 门 店 销售 指标 跟踪 系统 》， 实 现 日 期 的 日 历 输入 和 门店 销售 指标 数据 的 折 
线 图 。 


pe | | 1 | 
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| | | | 
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学 习 目标 
。 了 解 《 小 明 电器 商城 》 的 系统 建设 目标 
。 掌握 基本 的 分 职能 流程 图 ， 熟 练 掌握 用 例 分 析 和 用 例 图 。 


13.1 至 票 


随 着 电子 商务 的 发 展 ， 越 来 越 多 的 传统 企业 也 开始 涉足 网 上 交易 。 因 此 小 明 决 心 开 一 
家 网 上 商城 ,专门 销售 各 类 电器 产品 。“ 明 ”就 是 聪明 的 意思 ， 所 以 小 明 决 定 将 这 个 商城 命 
名 为 Little Smart Store， 人 简称 LSS。 小 明 希 望 通 过 这 个 商城 ， 达 到 如 表 13-1 所 示 目 的 。 

表 13-1 LSS 业务 前 景 : 
编号 目标 
P01 让 顾客 可 以 全 面 了 解 商 品 的 详细 信息 ， 消 除 网 上 购物 的 信息 不 对 称 问 题 
P02 通过 商品 分 类 来 组 织 众多 的 商品 ， 方 便 顾 客 找 到 所 需要 的 商品 
P03 提供 商品 评分 机 制 ， 提 高 顾客 的 参与 度 
P04 通过 设计 合理 的 订单 处 理 流程 ， 提 高 顾客 的 购物 体验 
P05 提供 多 种 支付 方式 ， 满 足 不 同 客 户 的 付款 需求 


13.2 ”业务 流程 分 析 


当 目 标 系 统 比 较 复杂 时 ， 直 接 完 成 用 例 分 析 会 变 得 比较 困难 ， 为 此 需要 先 对 系统 涉及 
的 业务 进行 分 析 ， 并 采用 各 种 方式 将 其 描述 清楚 ， 这 就 是 业务 建 模 。 用 例 当 然 也 能 用 于 业 
务 建 模 ， 也 就 是 业务 用 例 模 型 。 另 一 种 有 效 的 方法 则 是 业务 流程 图 。 

业务 流程 分 析 ， 首 先 通 过 和 系统 相关 人 员 访 谈 、 收 集 整 理 资料 来 掌握 现 有 业务 流程 ， 
然后 结合 业务 前 景 对 流程 进行 优化 。 下 面 分 析 一 下 LSS 核心 业务 流程 ， 注意 业务 流程 分 析 
同样 只 关心 做 什么 ， 而 不 是 如 何 做 。 

1， 业务 流程 图 

图 13-1 是 LSS 的 核心 业务 流程 图 ， 重 点 在 于 对 业务 情况 的 整体 把 握 。 

图 13-1 中 的 流程 图 称 为 分 职能 流程 图 ， 可 以 清楚 地 看 到 业务 职责 的 承担 者 ,图 中 各 图 
标的 含义 如 表 13-2 所 示 。 
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小 明 电 器 商城 核心 业务 流程 


顾客 供应 部 


客服 部 


编号 ”责任 人 说 明 


图 标 

| 

(_) 

| | 

[| 子 流程 
国 


名 称 
水 平 泳 这 
垂直 泳 道 
开始 /结束 
动作 
文档 


判断 


2 流程 摘 述 


图 13-1 核心 业务 路 程 图 


表 13-2 流程 图 图 标 一 览 表 
功能 描述 
泳 道 表 示 职能 单位 ， 位 于 泳 道中 的 图 标 所 代表 的 动作 由 泳 道 职能 单位 负责 
执行 。 同 一 个 流程 图 中 ， 只 能 使 用 一 种 泳 道 
图 13-1 中 有 “供应 部 ”“ 客 服部 ”” “顾客” 三 个 泳 首 
流程 的 开始 和 结束 都 用 该 图 标 表示 
表示 执行 某 个 动作 ， 完 成 某 项 任务 。 如 图 13-1 中 的 “商品 上 架 ” 
表示 这 是 一 个 复杂 的 动作 ， 本 身 就 是 一 个 流程 。 如 图 13-1 中 “组 织 货源 ” 
是 一 个 复杂 的 过 程 ， 所 以 用 一 个 子 流程 来 表示 
表示 动作 的 成 果 产生 了 某 种 形式 的 文档 ， 文 档 可 以 传递 给 职能 部 门 ， 作 为 
其 他 动作 的 依据 。 如 图 13-1 中 的 “已 付款 订单 ” 
表示 判断 或 分 支 。 例 如 图 13-1 中 顾客 需要 判断 是 否 “ 购 买 ”商品 


很 多 细节 的 内 容 , 用 流程 图 来 表示 会 显得 非常 烦琐 ， 此 时 可 以 用 表 13-3 的 方式 对 流程 
图 进行 描述 。 为 了 方便 将 描述 和 流程 图 对 照 起 来 ， 图 13-1 中 给 图 标 编 了 号 。 


表 13-3 LSS 主 业务 流程 描述 


供应 部 。 供应 部 根据 商城 确定 的 经 营 范围 、 经 营 策略 ， 组 织 采购 货源 
供应 部 新 采购 到 的 商品 需要 编制 相关 说 明 ， 将 其 添加 到 商城 的 商品 目录 中 ， 称 为 上 架 。 
如 果 某 类 商品 停止 销售 了 ， 那 么 还 应 该 下 架 


顾客 顾客 通过 各 种 方式 ， 香 看 商城 所 提供 的 商品 。 对 于 有 购买 意 问 的 商品 ， 顾 客 可 以 
将 商品 加 入 到 购物 车 

顾客 顾客 可 以 调整 购物 车 中 的 商品 ， 确 定 是 否 购买 。 也 可 以 继续 浏览 商品 

顾客 顾客 根据 购物 车 中 的 商品 确认 运费 ， 指 定 送 货 地 址 ， 生 成 订单 

顾客 顾客 选择 付款 方式 ， 完 成 订单 付款 ， 生 成 已 付款 订单 。 如 果 不 付款 ， 订 单 保 留 初 


始 状 态 ， 初 始 状态 的 订单 可 以 删除 
客服 部 客服 部 根据 已 付款 订单 安排 发 货 。 发 货 后 ， 订 单 变 成 已 发 货 状 态 
顾客 顾客 收 到 货物 确认 后 ， 订 单 变 成 已 完成 状态 
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13.3 用 例 分 析 


weapon 由 于 用 例 较 多 ， 为 了 避免 单个 用 例 图 
所 本 二 
顾客 用 例 图 给 出 针对 顾客 这 个 角色 的 用 例 图 ， 如 图 13-2 所 示 。 

付 蒜 


_ (include 六 一 


管理 我 的 订单 “六 - 
~ (include) ~ 
Cina) de 取消 订单 
营 理 我 的 送 货 地 址 
We 查看 订单 明细 


城 少 商 咖 


S、 (nande) 
aey 2 顾客 
生成 订单 


“fislude . ~ 
和 人 管理 购物 车 
计生 运 训 时 Cnovgey 二 一 


图 13-2 LSS 顾客 用 例 图 


(include) 浏览 分 类 商品 


i 


Jo 
查看 商品 明细 


同样 ， 可 以 为 用 例 图 添加 适当 的 文字 描述 。 标 准 用 例 图 描述 规范 比较 复杂 ，LSS 中 采 
用 人 简单 文字 描述 如 下 。 

(1) 管理 我 的 订单 〈( 须 登录 ): 厄 客 可 浏览 目 己 的 订单 ， 跟 踩 订 单 的 状态 《包括 新 建 、 
己 付 款 、 己 发 货 、 忆 取消、 已 收 货 等 )， 查 看 订单 明细 ; 对 于 新 建 订单 ， 顾 客 可 以 付款 或 取 
消 订单 ， 付 款 时 需要 选择 付款 方式 ， 例 如 支付 宝 、 银 联 、 积 分 等 。 对 于 已 收 货 的 订单 ， 顾 
客 可 以 确认 收 货 。 

(2) 管理 我 的 送 货 地 址 ( 须 登 录 ): 顾客 可 以 浏览 目 己 的 送 货 地 址 ， 执 行 新 增 、 删 除 、 
修改 送 货 地 址 等 操作 。 

(3) 管理 购物 车 : 顾客 可 在 浏览 商品 或 碍 看 商品 明细 时 ， 将 商品 加 入 购物 车 ;也 可 以 
在 浏览 购物 车 时 ， 增 加 或 减少 购物 车 中 商品 数量 ; 系统 日 动 根据 商品 重量 计算 运费 。 如 末 
顾客 决定 购买 购物 车 中 的 商品 ， 则 可 以 生成 订单 ( 须 登 录 且 指定 送 货 地 址 )。 

(4) 浏览 商品 : 顾客 可 以 通过 指定 关键 字 的 方式 列 出 满足 条 件 的 商品 ， 即 查找 商品 ; 
或 者 通过 指定 商品 分 类 的 方式 浏览 分 类 商品 ， 可 以 得 看 指定 的 商品 明细 。 
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2. 后 台 管理 用 例 图 
图 13-3 给 出 了 商城 后 台 管理 用 例 图 ， 图 中 所 有 用 例 都 必须 在 登录 后 才 可 以 使 用 。 


站 二 Hl 
统计 分 析 查看 订单 明细 Cra x 
Ts 《includey》 


= 
i 


系统 旧 理 员 J included -一 


| ee ; < 
维护 商品 分 类 安排 发 货 


图 13-3 LSS 后 台 管 理 用 例 图 


(1) 统计 分 析 : 系统 管理 员 可 以 对 商城 的 商品 、 订 单 、 人 员 等 信息 进行 报表 分 析 。 

(2) 管理 账号 : 系统 管理 员 可 以 增加 、 删 除 、 锁 定 或 解锁 用 户 账号 ， 锁 定 后 的 用 户 无 
法 登录 ; 人 允许 增加 或 删除 商城 工作 人 员 的 账号 。 

(3) 维护 商品 分 类 : 系统 管理 员 人 负责 维护 商品 分 类 ， 包 插 商 品 分 类 的 添加 、 修 改 和 删 
除 。LSS 目前 不 文 持 多 级 商品 分 类 ， 也 不 允许 删除 已 经 存在 下 属 商品 的 商品 分 类 。 

(4) 管理 商品 : 供应 部 人 员 可 以 增加 、 修 改 或 删除 商品 ， 了 商品 包括 商品 的 名 称 、 分 类 、 

(5) 管理 订单 : 客服 部 人 员 可 以 浏览 顾客 的 订单 ， 查 看 订单 状态 和 订单 明细 ; 对 于 已 
付款 订单 ， 可 安排 发 货 或 取消 ; 取消 已 付款 的 订单 需要 将 货款 退回 给 顾客 。 

(6) 锁定 /解锁 顾客 账号 : 客服 部 人 员 可 以 锁定 或 解锁 顾客 账号 。 

3. 用户 用 例 图 

图 13-4 给 出 了 用 户 用 例 图 , 系统 管理 员 、 供应 部 人 员 、 客服 部 人 员 以 及 顾客 都 是 用 户 ， 
和 用 户 角 色 之 间 形 成 继承 或 称 为 泛 化 关系 。 特 殊 用 户 泛 化 〈 一 般 化 ，Generalization， 也 恕 
是 抽象 出 共同 特征 ) 后 得 到 用 户 这 个 角色 ， 根 据 继 承 的 含义 ， 特 殊 用 户 也 使 用 用 户 角色 使 
用 的 所 有 用 例 。 图 13-4 中 都 是 常见 用 例 ， 不 再 给 出 用 例 摘 述 。 


/ 供应 部 ’ / 

: 系统 管理 员 | 
注册 用 户 ER 
GP 7 在 人 Con ) 


顾客 


( 了 


客服 首 


图 13-4 LSS 用 户 用 例 图 


一 、 选 择 题 
下 列 关 于 什么 是 泳 道 说 法 正确 的 是 〈 
A) 游泳 馆 管理 系统 中 的 管理 对 象 ， 需 要 精细 到 泳 道 的 管理 
B) 位 于 泳 道 中 的 图 标 所 代表 的 动作 由 泳 道 职 能 单位 负责 执行 
C) 泳 道 分 为 水 平 访 道 和 重 百 泳 道 ， 同 一 个 流程 图 中 ， 可 以 同时 使 用 两 种 泳 道 
D) 一 个 流程 图 中 只 允许 有 一 条 泳 道 
、 是 非 题 
) 1. 流程 图 中 可 以 没有 开始 或 结束 的 图 标 。 
) 2. 用 例 图 不 仅仅 包含 角色 和 用 例 ， 还 应 该 包含 用 例 的 描述 。 
小 明 电 器 商城 大 获 成 功 ， 小 明 决 定 开 发 一 个 类 似 的 “小 明 网 上 书城 ”， 请 参考 LSS 完 
成 网 上 书城 的 核心 业务 流程 图 ， 然 后 完成 用 例 分 析 和 用 例 图 。 
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学 习 目 标 

。 就 练 掌握 系统 功能 模块 设计 ; 

。 掌握 Web 应 用 界面 设计 ， 理 解 业 务 前 台 和 业务 后 台 的 概念 ; 
。 掌握 应 用 第 三 方 CSS 模板 的 技巧 ; 

。 就 练 掌握 三 层 架 构 的 搭建 ; 

。 理解 ASPNET 成 员 资 格 的 作用 和 使 用 方式 ; 

。 丁 解 接 口 层 。 


14.1 功能 模块 议 计 


1， 功 能 模块 图 

图 14-1 是 LSS 功能 模块 图 ， 由 于 功能 模块 比较 多 ， 所 以 采用 分 层 设计 ， 将 所 有 功能 
分 为 “基本 功能 “前 台 购 物 ”“ 顾 客 后 人 台 ”“ 管 理 员 后 人 台 ” 和 “业务 后 台 ” 五 大 部 分 。 这 些 
功能 模块 和 用 例 之 间 并 不 存在 一 一 对 应 关系 ， 而 是 根据 用 例 结合 业务 流程 后 设计 出 来 的 。 


LSS 


顾客 后 台 管理 员 后 台 业务 后 台 


洲 刀 商 喇 我 的 地 址 


个 人 黄 料 官 理 商品 明细 统计 分 析 订单 官 理 


密码 管理 购物 车 


图 14-1 LSS 功能 模块 图 


2. 功能 模块 说 明 
表 14-1 给 出 了 LSS 功能 模块 简要 说 明 。 


模块 


基本 功能 


前 人 台 购 物 


业务 后 台 
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表 14-1 LSS 功能 模块 简要 说 明 


功能 功能 描述 

用 户 注册 所 有 人 都 可 以 注册 成 为 顾客 用 户 

登录 /注销 未 登录 游客 只 能 浏览 和 查看 商品 

个 人 资料 管理 但 看 和 修改 个 人 资料 、 状 态 、 账 务 

密码 管理 修改 或 重 置 密码 

首页 展示 首页 列 出 最 新 商品 ， 当 前 用 户 、 购 物 车 、 查 找 商 品 按 钮 ， 以 及 版 权 
信息 等 。 所 有 人 可 以 查看 

浏览 商品 分 页 列 出 满足 条 件 的 商品 清单 。 所 有 人 可 以 查看 

商品 明细 革 个 指定 商品 的 详细 信息 。 所 有 人 可 以 查看 

购物 车 查看 和 管理 购物 车 中 的 商品 。 所 有 人 可 以 查看 

我 的 订单 得 看 顾客 的 全 部 订单 和 订单 详情 ， 执 行 订 单 确 认 、 人 付款 、 取 消 等 
操作 

我 的 地 址 查看 和 管理 顾客 的 全 部 送 货 地 址 

账号 管理 浏览 所 有 账号 ， 人 允许 添加 、 人 修改、 删除 非 顾客 账号 ， 解 锁 或 锁定 所 
有 账号 

分 类 管理 浏览 所 有 商品 分 类 ， 人 允许 添加 、 人 和 修改、 删除 商品 分 类 

统计 分 析 统计 指定 日 期 范围 的 商品 销售 业绩 

商品 管理 浏览 全 部 商品 ， 允 许 添加 、 修 改 、 删 除 商品 

顾客 管理 浏览 全 部 顾客 账号 ， 人 允许 锁定 或 解锁 顾客 账号 

订单 管理 浏览 全 部 顾客 订单 ， 人 允许 发 货 或 取消 订单 


1.， 页面 清 单 
根据 功能 模块 设计 可 以 给 出 LSS 页 面 清单 ， 如 表 14-2 所 示 。 注 意 页 和 面 是 否 履 益 全 部 


功能 模块 。 


模块 
前 台 门 户 


顾客 后 台 


路 径 


/Account 


/My 


14.2 蹇 面议 计 


表 14-2 LSS 页 面 清单 


页 面 文件 页 面 描 还 

Site.master 网 站 母 版 页 ， 提 供 碍 找 商 品 操作 : 提供 注册 或 注销 
用 户 、 购 物 车 和 后 台 管 理 按钮 ， 显 示 版 权 信息 

Default.aspx 首页 。 显 示 商 品 分 类 ， 显 示 商 品 列表 

Goods.aspx 展示 商品 明细 

ShoppingCart.aspX 但 看 和 管理 购物 车 

Login.aspx 用 户 登 录 或 注册 

ChangePassword.aspx 修改 密码 

ResetPassword.aspx 找 回 密 公 

My.master 顾客 后 台 管 理 母 版 页 ， 显 示 顾 客 后 台 管 理 菜 单 

Default.aspx 顾客 个 人 信息 查看 、 修 改 页 面 ， 可 进行 提现 、 充 值 
操作 

MyOrders.aspx 浏览 、 碍 找 目 己 的 订单 

MyOrder.aspx 查看 订单 明细 ， 订 单 确认 、 人 付款、 取消 等 操作 


MyAddress.aspx 


但 看 和 管理 顾客 的 送 货 地 址 
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模块 路 径 页 面 文件 页 面 摘 述 
系统 管理 员 /Admin Admin.master 系统 管理 员 后 台 母 版 页 ， 显 示 系 统管 理 员 后 台 管 理 
后 人 台 羔 单 
Default.aspx 系统 管理 员 首 页 ， 显 示 系 统 信息 以 及 用 户 、 商 品 统 
计 信 息 
Users.aspx 浏览 所 有 账号 ， 解 锁 或 锁定 账号 
UserAdd.aspx 添加 非 顾客 用 户 账号 
Category.aspx 浏览 、 管 理 商 品 分 类 
Stat.aspx 允许 统计 指定 时 间 内 商品 销售 业绩 
业务 后 台 /Back Back.master 业务 后 台 母 版 页 ， 显 示 业 务 员 可 操作 的 菜单 
Goods.aspx 查找 、 浏 览 或 删除 商品 
GoodsAdd.aspx 添加 、 修 改 商 品 
Orders.aspx 浏览 、 查 找 顾 客 的 订单 
Order.aspx 查看 订单 明细 ， 执 行 发 货 、 取 消 订 单 操作 
Users.aspx 顾客 用 户 查 找 、 浏 览 、 审 核 、 锁 定 


注意 : 并 不 需要 一 次 性 确定 表 14-2 中 的 所 有 内 容 , 例如 其 中 母 版 页 部 分 就 是 根据 页 面 
布局 需要 补充 上 去 的 。 

2 页面 布 局 议 计 

LSS 页 面 可 以 分 为 两 大 类 : 一 类 是 展示 商品 、 碍 找 商 品 、 购 买 商 品 等 前 台 操 作 页 面 ; 
另 一 类 是 系统 管理 、 商 品 管理 、 订 单 管理 等 后 台 管 理 页 面 ， 需 要 设计 两 个 整体 布局 方案 。 

1) 整体 页 面 布局 

图 14-2 给 出 了 LSS 全 局 页 面 布局 ， 采 用 典型 的 上 中 下 型 设计 。 


主 操 作 区 域 
版 权 信 息 


图 14-2 LSS 整体 页 面 布局 示意 图 


图 14-2 的 布局 模仿 大 型 网 上 商城 ,设置 了 “快速 查找 商品 ”区 ， 用 户 可 以 在 此 输入 关 
键 字 ， 单 击 “ 查 找 ” 按 钮 查找 感 兴趣 的 商品 ， 因 为 顾客 是 耕 能 方便 地 找到 感 兴趣 的 商品 是 
能 否 留 住 顾客 的 关键 “用户 操作 ”区 域 用 于 显示 当前 用 户 信息 ， 如 果 用 户 没 有 登录 则 显示 
“登录 ”按钮 ， 如 果 用 户 已 经 登录 则 显示 “注销 ”按钮 ; 另外 还 有 进入 购物 车 管理 页 面 的 按 
钮 。“ 快 捷 菜 单 ” 区 域 显示 进 后 台 管 理 页 和 面 的 按钮 。“ 主 操作 区 域 ” 需 要 根据 不 同 的 页 面 进 
行 具 体 设计 。“ 上 有 版权 信息 ”给 出 一 些 版 权 有 关 的 信息 ， 包 括 网 站 借鉴 的 作品 。 例 如 ，LSS 
界面 参考 了 一 个 W3Layouts 提供 的 模板 ， 所 以 按 提供 方 的 要 求 在 此 明确 说 明 ， 并 提供 跳 转 
到 提供 方 的 超 链 接 。 

由 于 该 布局 用 于 网 站 的 所 有 上 页面 ， 考 虑 使 用 母 版 页 来 实现 。 

2) 后 台 页 面 布局 

后 台 页 面 通常 需要 提供 一 系列 的 二 级 功能 菜单 ， 所 以 主要 就 是 考 卡 功能 菜单 的 展现 方 


式 ，LSS 采用 雹 侧 两 级 沫 单 的 方式 ， 由 此 得 到 LSS 后 侣 页面 布局 ， 如 图 14-3 所 示 。 
图 14-3 给 出 的 布局 为 第 见 后 台 管 理 页 面 布局 ， 堪 侧 为 管理 迷 单 , 蛙 击 末 蛙 在 主 操作 区 
域 显示 对 应 的 管理 页 面 。 


= [1 


主 操作 区 域 


图 14-3 LSS 后 人 台 页 面 布局 示意 图 


可 以 看 到 ，LSS 后 台 页 和 面 是 在 整体 页 面 布局 的 基础 上 增加 左 侧 管 理 有 清单 得 到 的 ， 因 此 
考虑 使 用 嵌 套 在 母 厂 页 中 的 母 版 页 来 实现 。 

3 详细 页 面 设计 

详细 页 面 设计 应 该 给 出 页 面 清 单 中 每 个 页 面 的 设计 ， 本 区 仅 列举 几 个 典型 页 面 的 设计 
概要 。 由 于 所 有 详细 页 面 都 嵌 套 在 对 应 母 版 页 中 ， 因 此 下 面 仅 给 出 详细 页 面 本 吴 的 设计 。 

1) 上 站 外 布局 和 交互 

图 14-4 为 Default.aspx 首页 的 设计 ， 页 和 面 分 为 左右 两 部 分 。“ 商品 清单 ”部 分 为 4x4 
(16 定格 ) 方式 展示 的 商品 列表 ， 上 下 同时 显示 翻 册 用 超 链 接 ， 默 认 显 示 最 新 商品 。 单 击 
东 个 商品 分 类 ， 则 商品 清单 仅 显 示 该 商品 分 类 的 商品 ， 单 击 商品 标题 可 以 丛 看 商品 明细 
(Goods.aspx 页 面 ); 单 击 购买 按钮 可 以 将 商品 加 入 购物 竹 。 

2) 商品 明细 页 面 布局 和 区 互 

图 14-5 给 出 了 Goods.aspx 商品 明细 页 面 的 设计 ， 页 面 分 为 上 下 两 部 分 。 商 品 主要 信 
县 部 分 由 商品 图 片 和 商品 标题 、 商 品 基本 信息 “购买 ”按钮 等 构成 。 详 情 部 分 为 商品 详细 
摘 述 展示 区 域 。 单 击 “ 购 买 ” 按 钮 可 以 将 商品 加 入 购物 于 。 


超 诈 接 


图 14-4 LSS 首页 设计 示意 图 图 14-5 LSS 商品 明细 页 面 设计 示意 图 


4. 页 和 面 风格 设计 

界面 设计 包括 美工 和 交互 设计 ， 其 中 美工 设计 第 一 步 是 确定 界面 风格 。 可 以 从 免费 的 
模板 网 站 寻找 适合 系统 的 网 页 模板 , LSS 中 找 了 两 个 CSS 模板 , 如 图 14-6 和 图 14-7 所 示 。 

图 14-6 的 模板 适合 前 人 台 页 面 ， 图 14-7 则 适用 于 后 台 页 面 ， 但 模板 通常 不 会 完全 满足 
需求 ， 需 要 对 其 DIV+CSS 设计 进行 分 析 ， 并 根据 需要 调整 。DIV+CSS 实现 布局 的 最 核心 
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的 原理 ， 就 是 盒子 模型 以 及 元 素 定位 。LSS 最 终 的 CSS 定义 ， 请 读者 分 析 本 书 配 套 的 源码 
文件 。 


ta re [Cm er | 上 


| = [Ss = 由 | i 了 | 本 证 es 十 二 Fis Fa pp 二 也 hi i | 


图 14-6 一 个 免费 前 台 页 面 模板 浏览 效果 


a Te hy ji 
网 so | TU E "于 | | 而 中 3 


==| 中 1 入 讶 全 用 『 素 请 上 请 音 猩 声 , 疆 涌 扩 痢 池 工 具 . 

营 丫 用 酒 作 快捷 标 作 
口 十 品 管 理 品 新 绚 必 王 。 加 新 增 博 六 思 新 痢疾 品 分 类 三 狐 增 博 记分 闫 。 合 必 品 评 证 
到 重文 管 理 天 妓 亚 本 愤 丰 
iN 0 半生 二 操作 有 系 崇 WINNT 


3 管 让 管理 二 行 环 坟 Apache/2.2.21 (Win6d} PHP/S.4.1O 


和 证 论 管理 PHPEE 方 忒 apache2handler 
碟 司 导 统 Wii 人 


i 上 二 定性 党 囊 2M 
a 广 百 管理 


市 BE 可 了 口 1 本 时 了 月 1 和 日 21:08:24 
屋 爱 续 营 骂 
腿 芭 二 三 定 jP ocalhost [127.00.11 
下 系 凡 设 置 
Host 127.00Q.1 


在 涛 理 六 三 
二 并 曾 好 


a 区 入 还 原 


图 14-7 一 个 免费 后 台 页 面 模板 浏览 效果 
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14.3 系统 Do 构 


1，ASP.NET 成 员 资 格 

几乎 所 有 的 系统 中 都 会 用 到 访问 控制 和 角色 管理 这 样 的 功能 ， 例 如 新 建 、 修 改 、 删 除 
用 户 和 角色 , 为 用 户 分 配角 色 , 定理 角色 中 的 用 尸 等 。 从 .NET Framework 2.0 开始 , ASPNET 
提供 了 一 套 机 制 ， 可 以 快速 开发 用 户 登 录 、 管 理 以 及 权限 验证 等 模块 ， 称 为 ASPNET 成 员 
资格 ，LSS 将 使 用 这 和 套 机 制 来 完成 用 户 的 管理 。 

新 建 名 为 LSS.Web 的 网 站 项 目 ， 注 意 选择 网 站 项 目的 类 型 为 Visual Studio 2012 下 的 
“ASPNET 空 Web 应 用 程序 ” 同时 修改 解决 方案 名 称 为 LSS， 如 图 14-8 所 示 。 


bP 最 近 LNET Framework 4.5 -| 排序 做 据 : | 默认 


-一 | 忆 折 
FE Asp yer ge web Be 


. a 
者 “WsUa| 亡 汰 


持 
Windows 点 面 Ee ASP.NET Web 窗 体 应 用 程序 
下 Web 本 
eT @ ASP.NET NV'C 4 Web 应 用 程序 
宫 称 (): LSS.WWeb 


位 置 册 ): 
和 解决 方案 宪 和 和 zi); Lss 


cAusers\kemdocuments\wisyual studio 2013\Projects 


图 14-8 创建 LSS.Web 项 目的 对 话 框 设置 


为 了 使 用 ASPNET 成 员 资 格 , 需要 在 LSS.Web 项 目的 Web.config 文件 的 <system.web> 
节 中 添加 相应 的 配置 信息 。 前 先 指定 登录 页 和 面 为 Account/Login.aspx 页 面 : 


<authentication mode="Forms"> 
<forms loginUrl="~/Account/Login.aspx" timeout="2880"™/> 


</authentication> 
然后 指定 负责 用 户 管理 的 成 员 资 格 提 供 者 AspNetSqlMembershipProvider: 


<membership> 

<providers> 
<clear/> 
<add name="AspNetSqlMembershipProvider™" type="System.Web.Security. 
SqlMembershipProvider™" minRequiredPasswordLength="6" 
minRequliredNonalphanumericCharacters="0" connectionstringName= 
"ApplicationServices" applicationName="/"/> 

</providers> 


</membership> 


其 中 connectionStringName 属性 用 于 指定 数据 库 的 连接 字符 串 ， 具 体 设置 参见 第 15.2 节 。 
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最 后 ， 笛 要 指定 负责 角色 管理 的 成 员 资 格 管理 提供 者 AspNetSqlRoleProvider: 


<roleManager enabTed= 七 YUe > 
<providers> 
<clear/> 
<add connectionstringName="ApplicationSservices" applicationName="/"name= 
"AspNetSqlRoleProvider™" type="System.Web.Security.SgqlRoleProvider"/> 
</providers> 


</roleManager> 


ASPNET 成 员 资 格 通 过 组 件 提供 了 非常 年 单 易 用 的 接口 供 开 发 者 调用 ， 表 14-3 给 出 
了 常用 的 ASPNET 成 员 资 格 组 件 及 其 作用 。 


表 14-3 ASP.NET 成 员 资格 常用 类 


组 件 (类 /接口 ) ”作用 功能 
Membership 最 常用 的 类 , 开发 人 员 主 要 就 是 使 ”人 创建、 删除、 更 新 用 户 
用 这 个 关 来 元 成 用 尸 管理 查找 、 获 取 用 户 (列表 ) 
验证 用 户 〈 身 份 验证 )。 获 取 联 机 用 户 的 人 数 
Roles 负责 角色 管理 的 类 管理 用 户 所 属 的 角色 。 查 找 、 获 取 和 角色、 用 户 
MembershipUser ”单个 用 户 对 象 类 , 通过 这 个 类 来 实 ”获取 密码 和 密码 问题 ， 更 改 密码 
现 对 茶 个 具体 用 户 的 操控 获取 用 户 的 活动 信息 〈 如 是 否 联机 、 是 否 经 过 


验证 、 最 后 一 次 活动 、 登 录 和 密码 更 改 的 日 
期 )。 解 锁 用 户 
2。 三 层 架 构 
LSS 同样 采用 三 屋 架 构 ， 但 和 KPTs 不 同 ，LSS 的 实体 屋 、DAL、BLL 和 UI 层 ， 每 一 
层 都 用 一 个 单独 的 项 目 来 实现 ， 具 体 的 项 目 规 划 如 表 14-4 所 示 。 
表 14-4 LSS 项 目 规划 


项 目 /命名 空间 项 目 类 型 作用 

LSS.Web 网 站 项 目 夫 面 表示 层 

LSS.BLL 类 库 业务 逻辑 层 

LSS.DAL 类 库 数据 访问 屋 和 L2S 实体 类 (L2S 无 法 分 离 两 者 ) 
LSS.Enities 类 库 实体 类 层 ( 其 他 实体 类 、 常 量 和 自 定义 工具 类 ) 
System.Web.Security ”类 库 ，System.Web.dll ASPNET 成 员 资 格 和 用 户 管 理 

数据 库 系统 SQL Server 2012 上 xpress 数据 持久 化 


在 LSS 解决 方案 中 新 建 LSS.BLL、LSS.DAL 和 LSS.Entites 三 个 类 库 项 目 。 各 组 件 之 
间 的 关系 如 图 14-9 所 示 ， 和 KPIs 相 比 ，BLL 层 不 但 需要 和 DAL 层 交 互 ， 而 且 还 负责 和 
ASPNET 的 成 员 资格 组 件 交 互 , 成 员 资 格 组 件 将 通过 前 述 Web.config 文件 中 配置 的 成 员 资 
格 提 供 者 组 件 完成 和 数据 库 的 交互 ， 以 完成 管理 用 户 任务 。 
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| 表示 层 UI 


业务 逻辑 层 BLL 成 员 资 格 
Entity 


ASPNET 
成 员 资 格 


一 、 选 择 题 

1. 下 列 关 于 业务 前 台 和 业务 后 台 说 法 正确 的 是 ( )。 
A) 指使 用 系统 的 人 ， 业 务 前 台 束 是 普通 的 用 户 ， 业 务 后 台 就 是 管理 员 
B) 指 代码 分 工 ， 负 责 界 面 展 示 的 代码 是 业务 前 人 台 ， 人 负责 业务 逻辑 的 是 业务 后 台 
C) 指 ASPNET 页 和 面 的 分 离 技 术 ，aspx 页 面 是 业务 前 台 ，aspx:cs 文件 是 业务 后 台 
D) 指 功 能 模块 分 类 ， 和 直接 癌 用 户 提 供 服 务 的 模块 是 业务 前 台 ， 文 撑 服 务 的 维护 管 


理 模 块 是 业务 后 台 
-A ) 不 是 Web 应 用 界面 中 常见 的 页 和 面 类 型 。 
A) 首页 B) 列表 页 
C) 详情 页 D) 弹出 窗口 
二 、 是 非 题 


) 1. 功能 模块 图 用 于 确定 将 系统 划分 为 哪些 模块 ， 和 用 例 图 中 的 用 例 并 不 一 定 
是 一 一 对 应 的 关系 。 

( ) 2. 通 第 所 说 的 网 站 模板 ， 是 一 套 HTML(DIV)+CSS 代码 ， 在 实现 阶段 要 根据 
交互 设计 用 控件 蔡 换 模板 中 的 一 些 元 素 。 

( ) 3. ASPNET 成 员 资 格 是 一 组 类 库 ， 实 现 了 商城 会 员 管理 和 会 员 优 惠 活 动 的 
管理 。 

完成 《小 明 网 上 书城 》 的 功能 模块 设计 和 界面 设计 ， 给 出 典型 的 页 面 布局 设计 图 并 列 
出 系统 的 页 面 清单 。 参 考 LSS 完成 三 层 架 构 的 解决 方案 搭建 ， 方 案 中 集成 ASPNET 成 员 
资格 。 
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学 习 目 标 

。 熟练 掌握 概念 模型 的 设计 ， 邹 练 掌握 将 概念 模型 转换 为 天 系 模 型 的 方法 ; 

。 了 解数 据 库 物理 设计 ， 和 擎 握 基 础 索引 设计 ; 

e 熟练 营 握 创建 SQL Server 数据 库 的 方法 ， 了 解 成 员 资格 数据 库 定 义 方 法 ; 

。 了 解 ASPNET 项 目 配置 工具 网 站 的 使 用 : 

。 掌握 数据 库 可 编程 性 的 概念 ; 

。 理解 存储 过 程 的 概念 ， 笛 握 创建 、 修 改 、 修 改 和 执行 存储 过 程 的 SQL 语句 ; 

。 掌握 存储 过 程 参数 、 返 回 参 数 的 定义 ， 了 解 临时 表 ; 

。 掌握 SQL 函数 的 概念 , 理解 SQL 函数 和 存储 过 程 的 区 别 和 用 途 , 掌握 SQL 目 定义 
国 数 的 创建 、 修 改 、 删 除 和 执行 的 SQL 语句 ; 

e。 了 解数 据 库 安 全 性 ， 了 解 存 取 控 制 、 审 计 、 加 密 在 数据 库 安全 控制 中 的 应 用 ; 

。 本 解 触 发 右 的 工作 机 市， 了解 隐 含 参数 Inserted 和 deleted:; 

。 深刻 理解 数据 库 事务 的 概念 和 重要 性 , 理解 事务 的 ACID 属性, 了 解 事务 管理 的 SQL 
语句 ; 

。 了 解数 据 库 故 障 ， 了 解 日 记 的 原理 和 作用 ， 了 人 解 备份 ; 

。 深刻 理解 并 发 冲突 的 概念 和 三 种 并 发 错误 ， 了 人 解 封 锁 解 决 并 发 冲突 的 原理 ， 了 人 解 乐 
观 并 发 冲突 处 理 思路 。 
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1 概念 模型 

根据 前 面 的 需求 分 析 和 系统 设计 ， 可 以 得 到 如 图 15-1 所 示 的 实体 类 图 。 

请 读者 检查 一 下 图 15-1 中 的 概念 模型 是 否 正确 以 及 是 否 能 够 满足 以 下 业务 需求 。 

(1) 不 同 角色 的 用 户 ， 可 以 执行 不 同 的 操作 ， 顾 客 用 户 有 一 个 账户 余额 ， 用 于 取消 订 
单 时 候 的 退 球 。 

(2) 一 个 用 户 可 以 有 多 个 地 址 ， 其 中 有 一 个 是 默认 地 址 。 

(3) 可 以 设置 商品 分 类 ， 商 品 分 类 仅 文 持 单 级 。 一 个 商品 分 类 下 属 可 以 有 多 个 丙 品 。 

(4) 商品 有 标题 、 照 片 、 详 细 描 述 等 信息 ， 以 及 价格 、 计 算 运费 的 重量 ， 还 有 商品 
的 评价 用 于 记录 顾客 对 该 商品 的 综合 评分 ， 以 及 上 架 时 间 和 下 架 标 记 用 于 控制 商品 的 有 
效 性 。 
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订单 (Order) 
+i] 单 时 间 CreateTime 
+ 付款 时 间 PayTime 
+ 发 从 时 间 ShipTime 
+ 发 做 人 ShipMan 
+ 收 货 时 间 GetTime 
示 前 认 \ 人 Confi rmer 


用 户 (Usem 


+ 用 户 名 UserName 

十 密码 Password 

二 角色 Role - 认 

+ 姓名 RealName We 

+ 电子 邮件 Email + 

+ 联系 电话 Phone 

+ 身份 证 IDCard 

+ 帐户 余额 Deposit 
IE 


区 户 地 址 (Address) 


4 路 件 八 Recipient 
+ 联系 电话 Phone 
+ 默认 地 址 IsDefault 


+ 路 伯 人 Recipient 

+ 联系 电话 Phone 

+ 商品 总 从 TotalPrice 
总 运费 ShipFee 

2 单 总 人 价 DrderPrice 


商 屿 (Goods) 
+ 商品 名 称 Title 
+ 关键 字 Tag 
+ 上 昭 片 Photo 
+ 价格 Price 
+ 库存 Stock 本 
+ 重量 Weight 风头 
+ 评价 Score | ~ 


商品 分 类 (Category) 
+ 网 码 Code 
十 名称 Name 


订单 明细 (OrderDetail) 
_ + 成 交 单 价 Price 

+ 数量 Amount 
成交 总 价 TotaIPrice 


+ 招 述 Description 


+ 上 架 时 间 OnTime 
+ 是 否 下 染 IsOff 


+ 详细 描述 Description + 评分 Score 


图 15-1 LSS 实体 类 图 


(5) 一 个 用 户 可 以 下 达 多 个 订 蛙 ， 订 蛙 记 录 订 单 的 总 体 价格 、 收 贷 地 址 、 收 贷 人 和 联 


系 电话 以 及 用 于 省 理 订 蛙 的 订单 时 间 、 付 球 时 间 、 友 货 时 间 和 收 货 时 间 、 状 态 信息 。 
(6) 一 个 订单 至 少 有 一 条 订单 明细 ， 也 可 以 有 多 条 订 曲 明细 ， 夫 示 该 订单 中 包含 了 哪 


些 商 品 ， 以 及 这 些 商 品 的 成 交 单 价 、 数 量 。 考 虑 到 只 有 购买 过 商品 的 顾客 才 可 对 该 商品 进 
行 评 分 ， 所 以 将 对 商品 的 评分 设置 在 了 订单 明细 中 。 

(7) 一 条 订单 明细 必然 对 应 一 件 商 品 ， 而 一 件 商品 可 能 被 多 次 购买 。 

2. 关系 模型 

LSS 关系 模型 采用 表格 方式 描述 , 关系 模型 的 设计 主要 基于 需求 分 析 和 图 15-1 所 示 的 
实体 类 图 , 特别 注意 关系 模型 如 何 体现 实体 类 之 间 的 关系 , 也 就 是 表 1$-1 一 表 15-6 中 外 键 
字段 的 说 明 。 


Deposit 


Number(10,2) NOT NULL 


表 15-1 保存 系统 中 所 有 用 户 的 基本 信息 。LSS 使 用 ASPNET 成 员 资 格 机 制 ， 因 此 本 

用 户 表 主 要 要 用 于 表明 需要 保存 用 户 的 哪些 信息 ， 后 续 会 做 较 大 的 调整 。 
表 15-1 用 户 Users 表 

字段 名 类 型 属性 说 明 
UserID GUID PK 用 户 ID。ASPNET 成 员 资 格 采用 GUID 作为 用 户 记 录 主 键 
UserName String (50) NOTNULL ”登录 用 户 名 。 不 允许 两 个 人 员 的 用 户 名 相同 
Password String(50) NOTNULL ”登录 密码 。 采 用 加 密 方 式 存 储 
RealName String (50) NULL 真实 姓名 
IDCard String (50) NULL 身份 证 号 码 
Email String (50) NULL 电子 邮件 
Phone String (50) NULL 联系 电话 
Role String (500) ”NOTNULL “用 户 所 属 角色 。LSS 一 共有 管理 员 、 供 应 部 、 客 服部 、 顾 


客 四 种 角色 。 和 角色 决定 了 用 户 的 操作 权限 
当前 账户 余额 ， 默 认 0 
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表 15-2 用 于 记录 送 货 地 址 ， 用 户 在 下 达 订 音 时 可 以 从 目 己 的 送 负 地 址 清单 中 选择 。 


表 1S-2 用 户 地 址 Address 表 


字段 名 类 型 属性 说 明 

[ID Int64 PK, IDENTITY 地 址 ID 

UserID GUID NOTNULL,FK ”外 键 ， 地 址 所 属 用户 ID 

Address ~ String(200) NOT NULL 评 细 地 址 

Recipient String(50) NOTNULL 收 件 人 

Phone String(50) ”NOT NULL 联系 电话 

IsDefault Boolean NOT NULL 是 否 为 默认 地 址 ， 默 认 值 为 false。 车 有 多 个 地 址 ， 则 表示 


默认 选择 ID 最 小 的 地 址 。 如 果 没 有 默认 地 址 ， 则 不 进行 
默认 地 址 的 选择 


表 15-3 保存 商城 销售 的 商品 分 类 ，LSS 项 目 中 仅 设 置 一 级 商品 分 类 。 
表 1S-3 商品 分 类 Category 表 


字段 名 
ID 
Code 
Name 


Description 


Int32 
String(50) 
String (50) 
String(1000) 


PK, IDENIITY 


NULL 
NOT NULL 
NULL 


表 15-4 保存 商城 的 所 有 商品 信息 。 


字段 名 
CategoryID 
Title 

Tag 

Photo 

Price 

Stock 
Welght 


Score 
OnTime 
IsOft 


Description 


类 型 


Int32 
String(200) 
String (50) 
Strimg(1000) 
Number(10,2) 
Int32 

Int32 


Int32 
DateTime 
Boolean 


String(MAX) 


表 15-4 
属性 
PK, IDENTITY 
NOT NULL.FK 
NOT NULL 
NULL 
NOT NULL 
NOT NULL 
NOT NULL 
NOT NULL 


NOT NULL 
NOT NULL 
NOT NULL 
NOT NULL 


说 明 


商品 Goods 表 


说 明 

商品 了 DD 

外 键 。 商 品 所 属 的 商品 分 类 ID 

标题 

照片 的 图 片 文件 URL 

单价 

库存 数量 。 默 认为 0 

单 件 重量 。 默 认为 0。 用 于 计算 运费 。 订 单 的 运费 和 
订单 中 所 有 商品 的 总 重量 有 关 , 具体 计算 公式 为 : 20kg 
以 下 10 元 ，S0ksg 以 下 20 元 ，100kg 以 下 30 元 ， 超 过 
100kg 的 ，40 元 封顶 

评价 ，5 分 制 。 默 认 0 分 

上 架 时 间 ， 默 认为 添加 商品 的 时 间 

是 否 下 架 ， 默 认为 False 

详细 描述 


表 15-5 保存 用 户 下 达 的 订单 ， 用 于 订单 的 管理 。 


表 15-5 订单 Orders 表 


字段 名 类 型 属性 说 明 
ID Int64 PK, IDENTITY 订单 ID 
UserID GUID NOTNULL,FK 外 键 ， 下 达 订 单 的 用 户 ID 
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字段 名 类 型 属性 说 明 

UserName String(50) NOT NULL 用 户 名 ， 用 于 显示 订单 所 有 者 

CreateTime Datetime NOT NULL 订单 创建 时 间 

PayTime Datetime NULL 付款 时 间 

ShipTime © Datetime NULL 发 代 时 间 

ShipMan String(50) NULL 发 货 人 。 保存 客服 部 设置 发 货 状态 的 人 员 用 户 名 , 便于 
落实 责任 。 考虑 到 用 户 信 息 可 能 被 删除 ， 且 用 户 名 不 会 
修改 ， 所 以 这 里 直接 保存 用 户 名 

CloseTime DateTime NULL 订单 关闭 时 间 。 对 应 图 15-1 中 的 GetTime 属性 

CloseMan String(50) NULL 订单 关闭 人 ,直接 保存 用 户 名 ,对 应 图 15-1 中 Confirmer 

State Char(]) NOTNULL 状态 : 0 一 新 建 ，]1 一 已 付款 ，2 一 已 发 货 ，3 一 已 确认 ， 
4 一 已 取消 ，5$ 一 已 退货 。 默 认 0 

Address String(200) ”NOTNULL 详细 收 货 地 址 。 考 虑 到 用 户 的 收 贷 地 址 可 能 变更 或 删 
除 ， 所 以 这 里 直接 保存 详细 地 址 

Recipient cString(50) NOT NULL 收 货 人 姓名 

Phone String(50) NOT NULL 收 货 人 联系 电话 

TotalPrice Number(10,2) NOTNULL 商品 总 价 = 订 单 明 细 商 品 的 成 交 价 格 总 和 

ShipFee Number(10,2) NOT NULL 根据 商品 总 重量 计算 的 运费 

OrderPrice “Number(10.2) NOT NULL 订单 总 价 = 商 品 总 价 + 运 费 


表 15-6 保存 订单 的 明细 商品 信息 。 


表 15-6 订单 明细 OrderDetail 表 


字段 名 类 型 属性 说 明 

ID Int64 PK，IDENTITY ”订单 明细 ID 

OrderID Int64 NOTNULL,FK ”外 键 ， 订 单 明 细 所 属 的 订单 

GoodsID Int64 NOTNULL,FK ”外 键 ， 订单 明细 对 应 的 商品 人 D 

Price Number(10,2) NOT NULL 成 交 价 格 。 因 为 商品 可 能 调价 ， 所 以 直接 保存 订单 当 
时 的 价格 

Amount Int32 NOT NULL 购买 数量 

TotalPrice ”Number(10.2) “NOTNULL 商品 总 价 = 成 交 价 格 X 购买 数量 

Score Int32 NULL 商品 评价 。 收 货 后 ， 顾 客 可 以 给 这 个 商品 一 个 评分 ， 


5 分 制 


3.。 物理 设计 

完成 天 系 模型 的 设计 后 ， 针 对 所 采用 的 数据 库 系 统 完成 物理 设计 ， 也 就 是 确定 数据 库 
的 存储 结构 ， 确 定 表 结 构 和 过 引 等 内 容 。 

1) 存储 结构 

首先 确定 LSS 的 数据 库 名 为 LSStore， 数 据 库 文件 保存 在 SQL Server 默认 数据 库 文件 
夹 中 ， 采 用 单数 据 库 文 件 的 方式 。 

2) 外 键 约束 

LSS 的 关系 模式 基本 上 可 以 直接 转换 成 表 结 构 , 注意 将 数据 类 型 转换 成 DBMS 所 文 持 
的 类 型 ， 以 及 主键 、 外 键 、 默 认 值 等 约束 的 定义 。 特 别 要 注意 外 键 约束 。 表 15-7 给 出 了 
LSS 外 键 参 照 的 设计 。 
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表 15-7 LSS 外 键 参 照 设计 


参照 名 外 键 表 主键 表 对 应 键 强制 约束 更 新 /删除 
FEK Addres Users Address Users UserID=UserID 是 / 
FK Goods Category Goods Category CategoIyID=ID 是 | 
FK Orders Users Orders Users UserID=UserID 是 | 
FRK OrderDetall Orders QOrderDetal Orders OrderID=ID 是 / 
FRK OrderDetall Goods Goods GoodsID=ID 是 / 


3) 索引 设计 

表 15-8 给 出 了 LSS 的 索引 清单 。 需 要 注意 的 是 ， 数 据 库 中 究 竞 需要 哪些 索引 实际 上 
是 一 个 动态 的 调整 过 程 ，DBA 其 中 一 项 职责 就 是 使 用 数据 库 分 析 工 具 确 定 如 何 调整 夫 引 。 
另外 ， 不 要 创建 包含 大 段 文本 字段 的 普通 索引 ， 这 对 于 提高 但 找 效率 的 作用 并 不 明显 。 


表 15-8 LSS 索引 清单 


表 索引 索引 类 别 。 索引 字段 作用 
Users PK Users 聚集 索引 UserID 主键 
IX Users 唯一 索引 UserName 利用 得 找 
Address PK Address 聚集 索引 ID 主键 
IX Address 索引 UserID,IsDefault 外 键 ， 第 用 合 找 
Category PE Category 聚集 索引 ID 主键 
Goods PK Goods 聚集 索引 ID 主键 
IX Goods 索引 Title, Tag,IsOff 利用 和 音 询 
IX Gooods Category 索引 CategoryID.,IsOff 外 键 ， 第 用 合 询 
IX Gooods OnTime 索引 OnTime,IsOff 常用 排序 
IX Gooods Price 索引 Price,IsOff 常用 排序 
IX Gooods Score 索引 Score,IsOt{ 常用 排序 
Orders PK Orders 聚集 索引 ID 主键 
IX Orders 索引 UserID., State 外 键 ， 间 用 合 敬 
IX Orders Time 索引 CreateTime,State UserName “利用 查询 ， 排 序 
OrderDetail PK OrderDetail 聚集 索引 了 D 主键 
IX OrderDetail 索引 UserID 外 键 ， 和 常用 查询 
IX OrderDetall Goods 索引 GoodsID 外 键 


根据 索引 实现 的 方式 ， 索 引 可 以 分 为 以 下 3 种 。 


(1) 聚集 (CCluster) 索引 : 决定 了 数据 的 物理 存放 顺序 。 

(2) B+ 树 : 即 平衡 多 叉 树 ,以 及 众多 基于 B 树 的 改进 索引 方法 , 被 广泛 用 于 数据 库 中 。 
SQL Server 中 通常 的 索引 采用 B+ 树 来 实现 。 

(3) Hash: 散 列 法 也 可 以 用 于 实现 索引 。 

15.2 ”数据 库 实施 

1. 创建 LSS 数据 库 

LSS 采用 MPMM 系统 的 数据 库 创建 方式 ， 但 数据 库 实 施 方 法 和 KPIs 系统 基本 相同 ， 
大 部 分 的 实施 工作 需要 读者 目 行 完成 。 打 开 图 形 管理 工具 SSMS， 连接 到 本 地 SQL Express 
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或 SQL Server 数据 库 引 擎 。 创 建新 的 数据 库 LSStore， 接 下 来 根据 数据 库 设 计 完 成 表格 、 

2. 成 员 资 格 数据 库 定 义 

由 于 使 用 了 ASPNET 的 成 员 资 格 ， 所 以 还 需要 为 LSS 添加 成 员 资格 数据 库 定义 。 成 
员 资 格 的 数据 库 对 象 可 以 定义 在 独立 数据 库 中 ， 也 可 以 和 业务 数据 库 整 合 在 一 起 ， 本 书 采 
用 整合 在 一 起 的 方案 。 

1) 创建 数据 库 对 象 

进入 CVWINDOWS\MicrosoftNETWFTrameworkvv4.0.XXXXX 文件 夹 ， 找到 ASPNET 提供 
的 数据 库 工具 aspnet regsql.exe， 双 击 运行 这 个 程序 ， 出 现 如 图 15-2 所 示 的 安装 问 导 。 


” 昌 ASPNET SQL Server 安装 向 导 


欢迎 使 用 ASP. WET SQL Server 安装 向 导 
A 


合用 此 向 守 可 创建 或 配 直 用 来 存 情 AS?. 亚 T a el 资格 配 冲 女 件 、 角 色 管 理 、 个 性 
化 保 直 以 及 59L Web 事件 近 供 程序 ) 信 息 有 的 SQL Server 数据 


若 要 分 别 为 这 些 功能 配置 数据 库 ， 或 者 是 为 会 话 状 态 或 SQL 人 请 
在 节令 行 运行 aspnet_regsql。 有 天 前 令 行 选 项 的 帮助 ， 倩 使 用 


单 击 “ 下 一 步 ” 继 续 。 


LE 
图 15-2 ASPNET 应 用 服务 数据 库 安 装 向 导 


单 击 图 15-2 中 的 “下 一 步 ” 按 钮 进入 “选择 安装 选项 ”页 ， 保 留 玖 认 安 装 选项 ， 单 击 
“下 一 步 ” 按 钮 。 在 “选择 服务 器 和 数据 库 ” 页 ， 修 改 服务 右 为 LSStore 数据 库 所 在 的 SQL 
Server 服务 嚣 ， 然 后 从 数据 库 下 拉 列 表 中 选择 LSStore 数据 库 。 

完成 成 员 资 格 数据 库 配 置 后 ， 打 开 LSStore 数据 库 ， 可 以 看 到 一 批 以 aspnet 开头 的 表 
格 、 视 图 和 存储 过 程 ， 这 些 驶 是 成 员 资格 使 用 的 数据 库 对 象 。 其 中 表 的 作用 很 容易 理解 ， 
但 有 一 个 问题 : 用 于 保存 用 户 信 息 的 字段 是 固定 的 。 为 此 ，LSS 中 还 将 在 目 己 的 Users 表 
中 保存 特定 的 用 户 信息 。 

2) 管理 工具 网 站 

ASPNET 内 置 了 成 员 资 格 数据 库 管 理工 具 , 可 通过 图 形 化 界面 对 其 中 的 角色 和 用 户 进 
行 管理 。 下 和 面 通 过 该 工具 为 LSS 设置 四 个 角色 Admin、Buyer、Seller 和 User， 同 时 为 每 个 
角色 分 别 预 置 对 应 的 用 户 adminl1、buyerl、sellerl 和 user1， 密 但 都 为 123456。 

首先 ， 调 整 LSS.Web 的 Web.config 文件 ， 添 加 成 员 资格 数据 库 连 接 字 符 串 配置 ， 将 其 
设置 成 LSStore 数据 库 《〈 请 读者 注意 将 连接 字符 串 修 改 成 目 己 实 际 使 用 的 SQL Server 数据 
库 ), 其 中 name 属性 值 必须 和 ASPNET 成 员 资 格 提供 者 指定 的 connectionStrineName 属性 
值 (参见 14.3 节 ) 相同 : 


<connectionSstrings> 
<add name="ApplicationServices" 
connectionstring="Data Source=(localdb)\vll1.0;Initial Catalog=LSSsStore; 
Integrated Security=True" providerName="System.Data.sSqlClient™ /> 


</connectionstrings> 
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然后 ， 在 Windows 的 命令 窗口 中 输入 以 下 命令 来 启动 ASPNET 配置 网 站 : 


有 

CD \Program Files\IIS Express 

1i1sexpress/path:C:\Windows\Microsoft .NET\Framework\v4.0.30319\ASP .NETWe 
bAdminFiles /vpath:"/ASP.NETWebAdminFiles™" /port:1392 /clr:4.0 /ntlm 


然后 , 就 可 以 通过 如 下 的 URL 来 访问 ASPNET 配置 网 站 ,注意 其 中 的 端口 号 要 和 上 述 
命令 中 port 参数 指定 的 咒 口 号 保持 一 致 : 


http://localhost:1392/asp.netwebadminfiles/default .aspx?applicationPhys 
icalPath=[ASP.NET 项 目 文件 所 在 路 径 ] &applicationUr1=/ 


其 中 ASPNET 项 目 文件 所 在 路 径 是 Windows 格式 的 全 路 径 ， 且 以 “\” 结 尾 ， 例 如 
Ci\Users\KemDocuments\Visual Studio 2013\Projects\LSS\LSS Web\。 如 果 出 现 登 录 对 话 框 ， 
则 可 以 输入 当前 Windows 用 户 的 用 户 名 和 密码 。 

在 浏览 圳 中 访问 成 员 资 格 管理 工具 网 站 的 结 采 如 图 15-3 所 示 。 奉 看 其 中 的 提供 程序 ， 
可 以 看 到 当前 使 用 的 提供 程序 为 默认 的 AspNetSqlProvider， 对 应 了 Web.config 文件 中 配置 
的 AspNetSqlMembershipProvider 和 AspNetSqlRoleProvider 提供 程序 ， 这 些 提 供 程序 都 使 
用 名 为 ApplicationServices 的 连接 字符 串 来 访问 成 员 资 格 数据 库 。 


A ASP. Het Yeb 应 用 程序 管理 一 Pindows Intiternet Exzplorer -网 [slET 


SO- 本 [SojxjJEee se 
将 收 茂 夹 | 次 [本 建议 网 站 。 吕 ] 网 页 快讯 库 - 


古 ASF.Net Web 应 用 程序 管理 年 于 "四 本 ” 页面)” 安全 (5)， 工具 0) > 禹 、 
\€ en a 
ASP 网 站 管理 工具 如 何 使 用 此 工具 《9) 


| = | [a 呈 太 = 下 fT 4 
| 页 | 室 全 | 应 用 程序 ]| 提供 程 


在 此 由 中 可 醇 音 网 站 官 理 数 据 ( 如 成 郧 冤 格 ) 的 存储 万 式 。 您 可 以 对 站 中 的 所 有 宦 理 数据 只 使 用 一 个 提供 
程序 ， 也 可 以 为 每 种 功能 指定 不 同 的 提供 程序 。 


,| http:/ /localhost:1392/asp. netwebadminfiles + 


应 用 程序 当前 被 配置 为 司 用 近世 程序 : AspNetSqlProvider 


为 及 有 站 外 官 理 数据 选择 同一 提供 程序 
为 每 项 功能 选择 不 同 的 近世 程序 (高 


剧 
EE | EE 


图 15-3” ”ASPNET 网 站 管理 工具 界面 


切换 到 “安全 ”页 〈 如 末 该 页 面 报销 ， 请 确 你 LSS.Web 项 目 编 详 能 够 成 功 )， 网 站 应 
用 的 角色 默认 是 茶 用 的 ， 单 击 司 用 角色 的 超 链接 就 可 以 司 用 网 站 应 用 的 角色 管理 功能 ， 注 
意 观 察 对 应 Web.config 文件 中 的 配置 变化 。 单 击 创建 或 管理 角色 超 链接 可 以 维护 网 站 应 用 
中 的 角色 。 维 护 后 到 数据 库 中 查看 aspnet Applications 和 aspnet Roles 表 中 数据 的 变化 。 

最 后 ， 蛙 击 浓 理 用 户 超 链接 进入 用 户 管 理 页 面 。 单 击 “ 创 建 狐 用 户 ” 按 钮 进入 添加 用 
户 的 管理 界面 ， 如 疼 15-4 所 示 。 输 入 用 户 信 息 ， 勾 选 相 应 角色 ， 单 击 “ 创 建 用 户 ” 按 钮 。 
添加 好 用 户 后 ， 查 看 aspnet Users 和 aspnet Membership 表 中 数据 的 变化 。 
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和 于 用 


注册 新 账户 为 此 用 户 选 择 前 色 : 
用 户 名 : [admini - [adm 
密码 : |eee | [ User 
确认 密码: [TI 
电子 邮件 : admin@wicker com 


图 15-4 创建 用 户 界面 
当然 ASPNET 提供 的 管理 工具 网 站 仅 用 于 开发 阶段 ， 在 系统 实现 时 需要 通过 调用 成 
员 资 格 组 件 来 实现 系统 目 身 对 用 户 的 管理 功能 。 
15.3 ”数据 库 可 编程 性 


读者 在 网 站 购物 时 ， 可 能 会 发 现 单 击 历史 订单 中 的 商品 ， 打 开 的 商品 页 面 中 带 有 历史 
快照 标记 ， 也 就 是 说 卖家 更 新 商品 信息 后 ， 已 被 购买 的 商品 会 保留 订单 当时 的 信息 。 假 设 
LSS 中 也 希望 实现 类 似 的 功能 ， 可 以 考虑 增加 一 张 OldGoods 表 ， 如 表 15-9 所 示 。 


表 15-9 历史 商品 OldGoods 表 


字段 名 类 型 属性 说 明 

ID Int64 PK，IDENTITY 历史 商品 D 

GoodsID Int64 NOTNULL,FK 外 键 。 对 应 商品 的 人 D 

UpdateTime DateTime NOT NULL 失效 时 间 ， 该 历史 商品 是 在 UpdateTime 失效 的 。 如 要 


获取 订单 的 商品 信息 ， 假 设 订 单 日 期 为 Version， 则 应 
该 获取 UpdateTime>=Version 的 历史 记录 ， 也 就 是 
Version 或 之 后 才 失 效 的 商品 。 如 果 在 Version 之 后 有 
多 条 历史 商品 记录 , 则 应 该 取 UpdateTime 最 小 的 那 条 。 
如 果 没 有 这 样 的 记录 ， 则 说 明 要 取 的 是 正式 商品 表 中 


的 记录 
Title String(200) “NOTNULL 商品 标题 
Photo String(1000) ”NOTNULL 商品 图 片 URL 路 径 
Description Strne(MAX) NOT NULL 商品 详细 描述 


记录 商品 历次 修改 前 的 信息 ， 仅 记录 可 能 引起 买 家 和 卖家 争议 的 字段 内 容 。 

当 需 要 获取 历史 快照 时 ， 需 要 把 OldGoods 和 Goods 表 中 的 记录 结合 起 来 。 这 个 处 理 
迪 辑 可 以 认为 是 业务 逻辑 ， 因 此 可 以 交 给 网 站 开发 人 员 人 负责 完 成 ， 也 可 以 认为 是 数据 库 关 
系 模型 处 理 逻 辑 ( 外 模式 )， 因 此 也 可 以 交 给 DBA 负责 完成 。 本 书 采用 DBA 负责 的 处 理 
方式 。 

1， 可 编程 性 

通过 视图 可 以 定义 数据 库 外 模式 。 视 图 实际 上 就 是 一 条 查询 SQL 语句 ， 因 此 无 法 实 
现 一 些 复杂 的 逻辑 。DBMS 还 提供 将 一 组 SQL 语句 组 合 在 一 起 的 方法 ， 称 为 数据 库 可 纺 
程 性 。 
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通过 数据 库 可 编程 性 ， 可 以 定义 复杂 的 数据 库 外 模式 ， 不 但 提供 答 询 功能 ， 而 且 可 以 
控制 数据 库 的 更 新 操作 。 下 面 以 历史 商品 表 的 处 理 为 例 ， 介 绍 SQL Server 存储 过 程 和 函数 
的 基本 知识 。 

2. 存储 过 程 

在 SQL Server 中 ， 存 储 过 程 是 一 组 工 SQL 语句 ， 经 过 编 诺 后 可 以 被 多 次 调用 ,和 它 可 以 
接收 输入 参数 、 输 出 参数 ， 返 回 单个 或 多 个 结果 集 以 及 返回 但。 创建 存储 过 程 的 SQL 语 
法 为 


CREATE PROC | PROCEDURE < 存储 过 程 名 > 
[{@ 参 数 数据 类 型 } [= 默认 值 ] [output]， 
{@ 参 数 数据 类 型 } [= 默认 值 ] [output]， 


] 
AS 
<SOL 语句 > 


例如 ， 获 取 指 定 版 本 商品 信息 的 存储 过 程 定义 如 下 : 


-— Author: Author Name 
-一 Create date: 2015- /一 10 
-- _ Description: 获取 指定 ID 的 指定 日 期 版 本 的 商品 
CREATE PROCEDURE GetGoodsBYID 
@ID BIGINT， -- 商 品 ID 参数 
@Vversion DateTime = NULL -- 日 期 版 本 参数 ， 衬 表示 获取 最 新 的 版 本 
AD 
BEGIN 
SET NOCOUNT ON;  -- 避 优 返 回 多 余 的 信息 ， 例 如 SELECT 语句 返回 的 是 涉及 记录 数 
DECLARE @oldID BIGINT -- 声 明 局 部 变量 @oldID 
IF QVersion IS NOT NULL -- 指 定 了 版 本 ， 试 图 获取 指定 版 本 的 历史 记录 ID 字段 值 
BECTN 
SELECT TOP 1 QoldID = ID FROM OldGoods -- 获 取 历 史记 录 ID 字段 值 
WHERE GoodsID=@ID 
AND UpdateTime>=@Version -- 指 定 日 期 之后 更 新 的 版 本 
ORDER BY UpdateTime - 按 更 新 日 期 排序 ， 以 获取 其 中 最 早 的 那个 版 本 
END 
IF @Version IS NULL OR @oldID IS NULL -- 没 有 指定 版 本 或 历史 版 本 不 存在 
BEGIN -- 从 Goods 表 获 取 正 式 版 本 的 商品 信息 
SELECT ID, CategoryID, Title, Tag, Photo, Price, 
Stock, [Weight], Score, OnTime, IsOff, [Descriptlionl] 
FROM Goods 
WHERE ID = ID 
END ELSE BEGIN -- 结 合 Goods 表 和 01dGoods 表 ， 获 取 指 定 的 历史 版 本 商品 信息 
SELECT gg-ID，CategqgoryID，og-TItLe，Tag，og-Photo， 了 PTFLcCe， 
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Stock, [Weight], Score, OnTime, IsOff, og.[Description] 
FROM Goods 9g JOIN OldGoods og ON g.ID = og.GoodsID 
AND g.ID=@ID AND og.ID=@oldID 
END 
END 


通过 SQL 语句 执行 存储 过 程 的 命令 为 
EXEC | EXECUTE < 存储 过 程 名 > < 参数 列表 > 
例如 执行 以 下 SQL 语句 得 到 如 图 15-5 所 示 的 结果 : 


SELECT * FROM Goods -获取 商品 清单 

SELECT * FROM 01dGoods  -- 获 取 历 史 商 品 清单 

EXEC GetGoodsByID 1 ， "2015-7-217 -执行 存储 过 程 ， 版 本 参数 值 为 2015-7-21 
EXEC GetGoodsByID 1 ，'2015-7-2'  -- 执 行 存储 过 程 ， 版 本 参数 值 为 2015-7-2 
EXEC GetGoodsByID 1 ，'2015-6-20' -执行 存储 过 程 ， 版 本 参数 值 为 2015-6-20 


上 | Cap | De ee ae | pee | Sock| woo | Scoe | wor Descrpta 
工 | | 1 二 星 Galay 53 | 友 屏 20150100jpg 1000.00 110 一 三 星 Galaw 轨 二 
IPhone 45 苹果 | 20150101png | 1500.00 | 20 0 0 0 苹果 手机 Iphone 45 
| pdate Time Tile Photo i 
1 mm 1 2015-07-20 00:00:00.000 ”二星 Galaxy S3 Old 20150100 jpg = Ga 3 QldDescrption 
2 | 了 |] 2015-07-01 00:00:00.000 ”二星 Galaxy S3 Ver Old | 20150100jpg 二星 Galaxy 53 Ver Old Description 
加 本 1 三 星 Galaq 53 大 屏 20150100jpo 0 二 里 Galaxcy 33 
To [caeoovD Te [eg pro OF De 
eh i 三 星 Galaxy S30ld | 大 屏 ，20150100jpg 0 三星 Galaxy S3 OldDescription 
| ID EE- Title Tag | Photo || | || lsOff | Description 
1 二 时 Galaxy 53 Very Old 太 屏 ”20150100jpg 0 二 星 Galaxy 53 Very Old Description 


图 15-5 存储 过 程 GetGoodsByID 执行 结果 


图 15-5 中 第 1、2 张 表 给 出 了 数据 库 中 Goods 和 OldGoods 表 中 的 记录 。 第 1 条 执行 
GetGoodsBYID 存储 过 程 的 参数 为 ID=1，Version=-'2015-7-21'; 查看 OldGoods 表 可 以 知道 ， 
2015-7-21 之 后 没有 做 过 更 新 ， 所 以 应 该 返回 Goods 表 中 ID=1 的 记录 。 

第 2 条 执行 GetGoodsByID 存储 过 程 的 参数 为 ID=2, Version='2015-7-2'; 但 看 OldGoods 
表 知 道 2015-7-2 之 后 在 2015-7-20 做 过 更 新 ， 所 以 应 该 获取 OldGoods 表 中 ID=1 的 这 条 记 
录 ， 也 就 是 Title 字段 值 为 “三 星 Galaxy S3 O01d” 这 条 记录 ， 如 图 15-5 中 第 4 张 表 所 示 。 

请 读者 自行 分 析 第 3 条 执行 GetGoodsByID 存储 过 程 的 结果 。 

对 于 存储 过 程 的 定义 注意 以 下 几 点 。 

(1) 参数 和 局 部 变量 : 参数 和 局 部 变量 必须 之 有 @ 前 级 。 如 果 有 多 个 参数 ， 则 在 调用 
存储 过 程 时 使 用 “, ”分 隅 参数 。 

(2) 返回 结果 集 存储 过 程 中 最 后 执行 的 SELECT 语句 将 作为 存储 过 程 执行 的 结果 集 。 

(3) 返回 参数 : 存储 过 程 可 以 利用 市 有 output 属性 的 参数 返回 其 他 的 值 。 
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(4) 存储 过 程 中 的 SQL 语句 : 除了 通常 的 SQL 语句 ， 存 储 过 程 中 还 可 以 使 用 变量 操 
作 、 流 程控 制 〈 分 支 、 循 环 ) 等 语句 。 存 储 过 程 中 也 可 以 执行 存储 过 程 。 

(5) 临时 表 : 单个 数据 项 、 少 量 的 数据 可 以 保存 到 变量 中 ， 如 果 需 要 处 理 大 量 数据 ， 
则 可 以 考 处 使 用 临时 表 。 临 时 表 的 表 名 前 之 有 # 前 级 ， 当 存储 过 程 执行 结 束 时 ,临时 表 会 被 
目 动 删除 。 

修改 存储 过 程 的 语法 和 创建 语法 类 似 ， 只 需要 把 CREATE 关键 字 蔡 换 成 ALTER 关键 
字 即 可 。 如 果 需 要 删除 存储 过 程 ， 则 需要 使 用 DROP 关键 字 。 

3 因数 

消 数 和 存储 过 程 的 定义 非常 类 似 ， 主 要 的 区 别 有 两 点 。 

。 功能 : 函数 中 不 能 执行 更 新 数据 库 的 操作 。 

。 使 用 : 函数 可 以 像 存 储 过 程 一 样 通过 EXEC 命令 执行 , 但 标量 函数 还 可 以 像 值 一 样 

函数 分 为 系统 函数 和 用 户 自 定义 函数 。 系统 函数 是 DBMS 内 部 定义 好 的 函数 , 可 以 直 
接 在 SQL 语句 中 使 用 。 例 如 ， 获 取 数 据 库 服务 器 当前 时 间 的 SQL 语句 : 


SELECT GETDRTE () AS CurrTime 
册 如 ， 获 取 7 天 内 上 以 商品 的 SQL 语句 : 


SELECT * FROM Goods  -- 获 取 一 周 内 上 架 的 商品 清单 
WHERE DATEDIFF (day, OnTime, GETDATE () ) <7 


其 中 DAIEDIFFO 函 数 计 算 两 个 日 期 之 间 的 兰 仁 ， 第 1 个 参数 day 表示 求 相 差 的 天 数 〈 用 
year 表示 求 相 差 的 年 数 、month 表示 求 相 差 的 月 数 )， 第 2 个 参数 为 开始 日 期 ， 第 3 个 参数 
为 结束 日 期 ， 返 回 开 始 日 期 距离 结束 日 期 的 差 值 。 例 如 ， 如 果 当 前 日 期 为 2015-7-12， 则 商 
品 的 OnTime 为 201$-7-11， 则 上 述 函 数 表达 式 值 为 1。 
正 是 由 于 函数 可 以 像 值 一 样 参与 表达 式 运 算 ， 所 以 函数 具有 存储 过 程 无 法 取代 的 作 
当 系 统 内 置 函 数 无 法 满足 需求 时 ， 可 以 创建 目 己 的 函数 ， 相 应 的 语法 为 
CREATE FUNCTION < 函数 名 > (参数 列表 ) 
RETURNS < 返回 值 类 型 > 
BEGIN 

< 函数 体 > 

RETURN < 返回 值 > 
END 


例如 ， 下 面 的 日 定义 函数 接受 一 个 订单 状态 的 代码 ， 返 回访 代码 的 中 文 全 义 : 


CREATE FUNCTION dbo.GetOrderstateName -创建 函数 


用 


所 


(state CHAR(1)) 一 -定义 参数 
RETURNS NVRARCHAR (20) --- 定 义 返 回 值 类 型 
BEGIN 
DECLARE Q@result NVRARCHAR (20) -- 定 义 局 部 变量 


SELECT result = CASE @state -- 根 据 参 数 确定 返回 值 ， 保 存 到 局 部 变量 中 
WHEN '1' THEN ' 已 付款 ' 
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WHEN '2'， THEN ' 已 发 货 " 
WHEN '3' THEN ' 已 收 货 ' 
WHEN '4' THEN ' 取 消 ' 
FTSE ' 新 建 ' 


END 
RETURN @result  -- 返 回 局 部 变量 作为 函数 的 结果 值 
END 


然后 就 可 以 在 SQL 语句 中 使 用 这 个 函数 : 


SELECT Recipient, CreateTime, State, dbo.GetOoOrderstateName ([State]) 
FROM Orders 


结果 如 表 15-10 所 示 。 


表 15-10 使 用 GetOrderStateName() 函 数 获得 的 查询 结果 


Recipient CreateTime Status (无 列 名 ) 
张 三 2015-07-11 00:00:00.000 1 己 付款 
习 山 201S-07-11 16:03:34.657 4 取消 


关于 函数 ， 补 充 说 明 以 下 几 个 注意 点 。 

(1) 函数 名 : 注意 函数 名 前 面 的 dbo 前 级 ， 这 涉及 SQL Server 中 的 架构 概念 ， 目 前 只 
宕 要 记 住 在 定义 ， 调 用 时 都 洪 加 这 个 前 级 即 可 。 

(2) 定义 返回 值 : 定义 函数 返回 值 类 型 的 关键 学 是 RETURNS， 而 返回 具体 值 的 关键 
字 是 RETURN， 注 意 两 者 的 区 别 。 

(3) 函数 类 型 : 函数 根据 返回 仁和 参数 的 类 型 可 以 分 为 标量 函数 、 表 值 函 数 和 聚合 
数 ， 如 果 参 数 和 返回 值 都 是 简单 类 型 的 图 数 ， 称 为 标量 函数， 例如 GetOrderStateName() 
函数 。 


1S.4 ”数据 库 保护 


到 目前 为 止 , LSS 在 使 用 数据 库 时 主要 利用 了 DBMS 的 数据 存储 和 检索 功能 ， 实 际 上 
一 个 健全 的 DBMS 除了 基本 的 数据 存储 外 ， 还 提供 了 数据 安全 性 、 完 整 性 、 故 障 恢 复 和 并 
发 控制 四 方面 的 功能 ， 称 为 数据 库 保护 机 制 。 对 于 一 个 实际 应 用 系统 来 说 ， 这 些 是 必须 考 
虑 的 问题 。 

1. 安全 性 

信息 系统 都 有 安全 性 问题 ， 也 就 是 指 保护 信息 系统 中 的 数据 ， 防 止 不 合法 使 用 所 造成 
的 数据 泄露 、 更 改 、 破 坏 。DBMS 提供 了 相应 的 机 制 来 保证 数据 库 中 数据 的 安全 。 

1) 存 取 控 制 

所 谓 防止 不 合法 使 用 包含 两 方面 的 内 容 : 让 合法 的 用 户 能 且 只 能 进行 合法 的 操作 ， 让 
不 合法 的 人 员 无 法 进行 任何 操作 。 所 以 ， 安 全 性 控制 方法 首先 就 是 标识 和 鉴别 用 户 ， 这 可 
以 通过 用 户 名 和 密码 机 制 来 实现 。 

为 了 防止 合法 用 户 执 行 非法 操作 ， 用 户 通 过 身份 认证 后 还 需要 通过 存 取 控 制 来 防止 误 
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操作 ， 也 就 是 定义 用 户 的 权限 ， 并 在 用 户 执 行 操 作 时 进行 权限 检查 。 数 据 库 中 还 可 以 通过 
视图 机 制 来 实现 更 精细 的 数据 权限 控制 。 

2) 审计 

存 取 控 制 属 于 事先 控制 ， 但 很 多 时 候 无 法 制定 出 完善 的 权限 体系 ， 所 以 还 宕 要 采取 事 
后 监督 机 制 。 数 据 库 审计 能 够 实时 记录 数据 库 活 动 ， 通 过 对 用 户 访 问 数 据 库 行为 的 记录 、 
分 析 和 汇报 , 事后 生成 操作 合 规 性 报告 、 事 故 退 根 济 源 ， 同时 加 强 内 外 部 数据 库 行为 记录 ， 
提高 数据 资产 安全 。 

图 15-6 给 出 了 SSMS 中 安全 性 管理 节点 中 的 项 目 , 其 中 审计 ?功能 从 SQL Server 2008 
开始 集成 到 了 SQL Server 中 (但 Express 版 本 不 文 持 审计 )。 


对 象 资源 管理 器 i 
连接 ~ 台 强 日 了 辐 城 


加 | 192. 168. 10.92 (SQL Server 11.0.3000 - sal 
相国 数据 库 
日 和 安全 性 
国 登 孙 名 
号 服务 器 角色 
Er 
于 加 密 提 人 世 程 序 
吨 审核 
呈 服务 器 审 核 规 范 
图 15-6 SSMS 中 SQL Server 审计 管理 节点 


3) 数据 加 密 

无 论 是 权限 控制 还 是 数据 库 审 计 ， 对 于 DBA 来 说 都 是 无 效 的 ，DBA 拥有 对 数据 库 进 
行 所 有 操作 的 权限 ， 也 可 以 清理 数据 库 审 计 记 录 ， 但 DBA 通常 情况 下 不 是 数据 库 应 用 的 
合法 用 户 。 

为 此 ， 对 于 重要 数据 可 以 采用 数据 加 密 的 方式 防止 数据 泄露 。 例 如 在 KPIs 中 ， 用 户 
密 公 采用 MDS 摘要 加 密 方式 ， 大 大 降低 用 户 密 人 码 泄 露 的 可 能 性 。 上 再 如 ， 员 工 工资 数据 也 
可 能 采用 加 密 存 放 的 方式 。 

2. 完整 性 和 触发 大 

标准 的 数据 库 约 束 机 制 ， 如 主键 约束 、 非 空 约 束 、 默 认 值 等 只 能 实现 比较 基本 的 完整 
性 控制 , 如 条 和 布 望 数据 库 实 现 比较 复杂 的 业务 完整 性 控制 , 可 以 考 展 使 用 触 上 友 器 (Trigger)。 

1) 创建 触发 妖 

触发 器 是 一 种 特殊 的 存储 过 程 ， 它 的 执行 不 由 程序 调用 ， 也 不 由 手工 局 动 ， 而 是 由 事 
件 来 触发 的 。 当 对 某 个 表 进 行 msert、Delete 或 Update 操作 时 就 会 执行 触发 器 ， 常 用 于 加 
强 数 据 的 完整 性 约束 和 业务 规则 。 


CREATE TRIGGER < 人 触发 右 名 > ON < 表 或 视图 > 
{FOR | INSTEAD OF } {INSERT | UPDATE | DELETE} 


1 工资 数据 必须 采用 可 北 的 加 密 方 式 ( 能 通过 解密 还 原 ), 因为 有 权限 的 用 户 是 需要 看 到 这 些 数据 的 。 


而 密码 加 密 通常 采用 的 是 不 可 道 加 密 方 式 〔 无 法 还 原 出 原来 的 密码 )， 从 而 更 好 地 避免 密码 被 破解 。 
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AS 
< 主体 部 分 > 


和 存储 过 程 的 定义 语句 相 比 ， 主 要 的 差别 如 下 。 
(1) 参数 和 返回 值 : 触发 右 是 由 事件 驱动 目 动 执行 的 ， 所 以 无 法 指定 参数 和 人 返回 值 。 
但 触发 器 内 部 可 以 获取 事件 参数 ， 这 些 参数 以 触发 器 内 局 部 变量 的 形式 出 现 。 
(2) 触发 事件 : 触发 右 必 须 指 定 触发 事件 ， 也 束 是 指定 在 哪 张 表 上 执行 什么 操作 时 需 
要 执行 触发 器 ， 分 别 通过 上 述 语法 中 的 ON、FOR 或 INSTEAD OF 关键 字 指 定 。 一 个 触发 
人 项 可 以 同时 作用 于 不 同 的 操作 ， 只 要 用 去 号 分 隔 这 些 操作 。 
例如 ， 当 增加 茶 个 用 户 订单 时 ， 目 动 更 新 用 尸 地 址 表 〈 仅 举例 ，LSS 没有 这 人 么 做 ): 
CREATE TRIGGER Order Insert ON Orders -- 在 Orders 表 上 创建 触发 器 
FOR INSERT  -- 当 新 增 时 解 发 
AS 
DECLARE Quserld UNIQUEIDENTIFIER, Qaddress NVARCHAR (200) 
DECLARE Qirecipient NVARCHAR (50) ，Qphone NVARCHAR (50) 
-- 从 触发 器 内 置 参 数 inserted 表 中 ， 获 取 新 增订 单 中 的 地 址 数据 
SELECT Quserldq=UserID，address=[Adqdqress]， 
reclplent=Reclplent，Qphone=Phone 
FROM inserted 
-- 洪 加 对 应 的 地 址 
IF NOT EXISTS (SELECT * FROM [Address]  -- 检 查 地 址 是 否 已 经 存在 
WHERE UserID=Q@userid AND [Address]=@address) 
BEGIN 
INSERT INTO [Address] (UserID, [Address], Reciplient, 
Phone, IsDefault) 
VALUES (Quserid, Qaddress, lirecipient, Q@phone, 0) 
END 


执行 该 SQL 命令 后 ,在 Orders 表 下 就 会 狐 增 一 个 Order Insert 触发 硕 。 在 SSMS 中 打 
开 Orders 表 的 编辑 界面 ， 在 其 中 新 增 一 条 记录 。 然 后 得 看 地 址 表 Address， 可 以 看 到 其 中 
增加 了 一 条 新 的 地 址 记录 。 可 见 癌 Orders 表 添 加 记录 后 ，DBMS 的 确 执 行 了 这 个 触 友 丹 。 

2) 触 友 需 隐 含 参 数 

触发 右 中 隐 售 了 2 个 重要 的 参数 inserted 和 deleted， 这 两 个 参数 用 于 存放 表 中 修 
改 的 数据 行 信 息 。 它 们 是 触发 髓 执行 时 目 动 创 建 的 ， 是 内 存 中 的 临时 表 ， 和 触发 需 工 作 完 成 
时 目 动 删除 。 它 们 是 上 只 谈 表 ， 不 能 癌 其 中 写 入 内 容 。 

在 前 述 例子 中 ， 通 过 下 面 的 语句 从 inserted 表 中 获取 了 插入 到 Orders 表 中 的 记录 ， 并 
将 其 中 的 UserID 和 地 址 信息 保存 到 了 局 部 变量 中 : 


SELECT Quserid=UserID, Q@address=[Addressl], 


Greciplent=Recipient, (iphone=Phone 
FROM inserted 


根据 驱动 触发 器 的 事件 不 同 ，inserted 表 和 deleted 表 中 保存 的 记录 有 不 同 的 含义 ， 具 
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体 如 表 15-11 所 示 。 
表 15-11 inserted 表 和 deleted 表 记 录 的 内 容 
事件 inserted 表 deleted 表 
INSERT 记录 时 新 增 记 录 空 
DELETE 记录 时 馈 删 除 的 记录 
UPDATE 记录 时 时 新 后 的 记录 更 新 前 的 记录 


需要 注意 的 是 ， 这 两 个 隐 含 参数 的 值 部 是 表 ， 而 不 是 记录 。 例 如， 使 用 DELETE 语句 
一 次 删除 所 有 满足 条 件 的 记录 ， 使 用 UPDATE 语句 一 次 更 新 所 有 满足 条 件 的 记录 。 
所 以 Order Insert 触发 右 存 在 一 个 严重 的 BUG: 没有 考虑 inserted 表 中 包含 多 条 记录 
的 情况 。 为 了 能 够 让 触发 器 处 理 这 种 情况 ， 需 要 掌握 多 表 更 新 、 查 询 插入 的 SQL 语句 。 
3. 数据 库 事务 
数据 库 恢 复 搁 术 和 数据 库 并 发 控制 都 是 以 事务 为 基本 单位 的 ， 事 务 和 并 友 是 开发 应 用 
1) 什么 是 事务 
数据 库 事务 (Database Transaction) 是 指 将 对 数据 库 的 一 系列 操作 迎 辑 上 作为 单个 操 
作 来 处 理 : 要 么 全 部 被 执行 ， 要么 全 部 不 执行 。 例 如 LSS 中 ， 当 用 户 使 用 账户 余额 进行 订 
单 付 球 时 ， 需 要 完成 两 个 操作 : 在 Orders 表 修改 订单 状态 为 已 付款 ;， 在 Users 表 中 修改 账 
户 余 额 。 显 然 这 两 个 操作 必须 作为 一 个 整体 。 
在 SQL 语法 中 与 事务 相关 的 语句 有 三 条 ， 通 常 的 使 用 方法 为 
BEGIN TRANSACTION  -- 开 始 事务 
<SQL1> ”一 -执行 SQL 语句 
<SQL2> ”一 -执行 SQL 语句 


IF < 正确 > 
COMMIT TRANSACTION  -- 提 交 事 务 (确认 事务 操作 ) 
ELSE == 回 谍 


ROLLBACK TRANSACTION -- 回 深 事 务 (取消 事务 操作 ) 


当 DBMS 执行 BEGIN TRANSACTION 语句 开始 事务 时 ,会 开始 一 个 事务 标记 (时 间 
点 )， 该 标记 之 后 的 更 新 操作 会 将 影响 前 后 的 数据 库 记 录 到 事务 日 志 中 。 如 果 接 下 来 的 操作 
没有 任何 问题 ， 则 通过 COMMIT TRANSACTION 语句 提交 事务 ， 确 认 所 有 的 更 新 操作 ， 
同时 释放 事务 所 占用 的 资源 ; 如 果 操 作 遇 到 错误 , 则 应 该 发 出 ROLLBACK TRANSACTION 
语句 回 深 事务 ，DBMS 会 根据 事务 日 志 恢 复 到 事务 开始 时 的 状态 。 

利用 事务 可 以 改进 Order Insert 触发 器 ， 让 触发 磺 目 动 从 用 户 的 账户 余额 中 扣 蒜 〈 仪 
用 于 举例 , LSS 的 付款 方式 是 允许 用 户 上 自行 选择 的 ), 因为 触发 器 和 引起 触发 器 执行 的 SQL 
默认 处 于 同一 个 事务 中 ， 所 以 无 须 显 式 发 出 BEGIN TRANSACTION 指令 ， 成 功 时 也 无 须 
发 出 COMMIT TRANSACTION 指令 ， 只 要 在 失败 时 执行 ROLLBACK TRANSACTION 恕 
可 以 了 ， 有 具体 代码 如 下 : 


CREATE TRIGGER Order Insert ON Orders -- 在 Orders 表 上 创建 触发 器 
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FOR INSERT  -- 当 新 增 时 触 上 友 
AS 
DECLARE Quserid UNIQUEIDENTIFIER, fprice DECIMAL(10,2) 
DECLARE Qideposit DECIMAL(10,2) 
-从 触发 器 内 置 参数 inserted 表 中 获取 新 增订 单 中 的 用 户 和 金额 
SELECT Quserid=UserID, (iprice=OrderPrice FROM inserted 
-- 获 取 存 款 
SELECT (deposit=Deposit FROM Users WHERE UserID=Quser1l1d 
IF Qdeposit<Qeprice BEGIN -- 如 打 超 牢 
RARAISERROR ( "用 户 没有 足够 的 存款 。 ' ，10，1) -报错 
ROLLBRACK TRANSACTION -- 回 深 事 务 ， 取 消 操 作 
END ELSE BEGIN -- 没 有 超 秆 
UPDATE Users SET Deposit=Deposit-@price -- 更 新 对 应 的 存款 
WHERE UserID=Q@userid 
END 


2) 事务 的 ACID 属性 

事务 是 DBMS 的 重要 功能 ， 企 业 级 的 DBMS 都 有 责任 提供 保证 事务 物理 完整 性 的 机 
制 ,通常 由 DBMS 中 的 事务 管理 子 系统 负责 。 事 务 的 物理 完整 性 加 是 通 第 所 说 的 事务 ACID 

(1) 原子 性 (Atomicity): 事务 必须 是 原子 工作 单元 ;对 于 其 数据 修改 ， 要 么 全 都 执 
行 ， 要 么 全 者 不 执行 。 例 如 ， 新 增订 单 对 订单 表 和 订单 明细 表 的 操作 效 辑 上 需要 作为 一 个 
操作 对 竺 。 

(2) 一 致 性 〈Consistency): 事务 开始 亲 ， 数 据 库 状态 具有 完整 性 ;事务 完成 时 ， 数 据 
库 状态 仍然 保持 完整 性 。 

(3) 隔离 性 (Isolation ): 不 同 的 用 户 很 可 能 同时 对 数据 库 进 行 操作 ， 此 时 要 保证 一 个 
事务 不 会 看 到 另 一 个 事务 的 中 间 状 态 ， 这 称 为 隔离 性 。 因 为 事务 中 间 状 态 很 可 能 是 铅 误 状 
态 。 例 如 LSS 中 ， 如 果 用 户 userl 正在 下 达 订 单 〈 总 价 50 元 )， 同 时 管理 员 正 在 为 userl 
充值 ( 原 余额 1000 元 ， 充 值 100 元 )。 如 果 订 单 事务 中 获取 了 充值 更 狐 后 尚未 提交 的 中 间 
状态 余额 1000+100=1100 元 ， 那 么 订单 事务 处 理 余额 的 结果 就 是 1100-$0=1050 元 。 但 充 
值 事 务 由 于 茶 个 原因 失败 了 需要 回 深 事 务 , 恢复 原 余额 为 1000 元 。 也 就 是 说 正确 的 余额 应 
该 为 1000-S0=950 元 。 

(4) 持久 性 (Durability): 只 要 事务 被 提交 ， 事 务 所 做 的 更 新 就 会 记录 到 数据 库 中 。 
即使 在 执行 真正 更 新 的 过 程 中 , DBMS 出 现 致 全 的 系统 故障 , 事务 所 做 的 更 新 也 不 会 丢失 。 

对 于 数据 库 来 说 ， 事 务 无 处 不 在 。 例 如 执行 SQL 语 何 : 

UPDATE Users SET Deposit=Deposit+100 -- 回 所 有 用 户 发 放 奖 金 100 元 
涉及 多 条 记录 的 修改 ， 那 么 有 可 能 在 修改 了 部 分 记录 时 数据 库 系 统 骨 沉 了 (如 服务 占 电 源 
被 拔 )， 如 果 没 有 事务 ,会 出 现 部 分 记录 被 修改 ， 部 分 记录 没有 被 修改 的 情况 。 所 以 ， 对 于 
每 一 条 SQL 语句 的 执行 ， 实 际 上 DBMS 部会 日 动 开 始 一 个 事务 ， 在 执行 成 功 后 目 动 提交 
事务 ， 失 败 时 目 动 回 滚 事务 。 这 了 束 是 所 谓 的 隐 式 事务 。 


2 Web 程序 设计 一 一 ASP.NET 项 目 实 训 

4. 数据 库 恢 复 

在 应 用 系统 中 ,数据 库 往 往 是 最 核心 的 部 分 ， 一 旦 数据 库 损 坏 ， 将 会 市 来 巨大 的 损失 。 
所 谓 数 据 库 恢 复 ， 束 是 指 在 菏 种 故障 使 数据 库 的 当前 状态 已 经 不 再 正确 时 ， 把 数据 库 恢复 
到 茶 个 己 知 正确 的 状态 。 基 本 的 数据 库 恢复 搁 术 有 日 志文 件 和 数据 转 储 两 种 。 

1) 日 志文 件 

对 于 事务 内 部 的 故障 ， 可 以 通过 日 志文 件 来 恢复 。 创 建 SQL Server 数据 库 时 ， 全 少 要 
包含 一 个 mdf 数据 文件 和 一 个 ldf 日 志文 件 ， 如 图 15-7 所 示 。 数 据 文件 包含 所 有 数据 库 对 
象 和 数据 ; 而 日 志文 件 则 包含 数据 库 的 事务 日 志 , 也 就 是 事务 中 更 新 语句 执行 前 后 的 数据 。 


oo 


E 库 医 性 一 LSStore 


| 号 时 本 - 加 帮助 
> ee 数据 库 名 称 0 : Estee 


-a a 所 有 者 0): WINEES ‘Admini strator 
ne Iw 使 用 全 这 这 引 WD 

膏 ' 镇 像 

可 事务 日 志 传 运 数据 库 文件 全 ): 


图 15-7 ”数据库 LSStore 的 数据 和 日 志文 件 


例如 UPDATE Users SET Deposit=Depositt+100 语句 执行 时 ,日志 文件 首先 会 记录 Users 
表 中 所 有 记录 的 Deposit 衬 段 仁 〈 标 记 为 旧 伍 )， 以 及 修改 后 的 Deposit 字段 从 (标记 为 新 
值 )。 当 事务 提交 时 ，DBMS 才 将 修改 后 的 值 号 入 到 数据 文件 中 。 

除了 记录 蝎 新 前 后 的 值 ， 日 志 还 会 记录 蝎 新 的 时 间 厄 点， 也 就 古事 务 开始 的 时 间 和 所 
交 的 时 间 。 因 此 ， 当 事务 故障 时 ， 根 据 日 志文 件 就 可 以 实现 数据 库 的 恢复 。 

2) 数据 转 储 

所 谓 数据 转 储 ， 就 是 数据 库 的 备份 ， 也 就 是 将 整个 数据 库 复 制 到 磁 珊 或 另 一 个 磁盘 上 
保存 起 来 。 和 通 津 文件 备份 的 不 同 之 处 在 于 , 数据 库 备 份 仅 备份 处 于 一 致 状态 时 的 数据 库 ， 
也 就 古 不 会 备份 事务 的 中 间 状 态 。 

在 实际 的 应 用 系统 中 , 数据库 转 储 是 必 不 可 少 的 日 党 操作 。 除 了 直接 利用 DBMS 的 备 
份 功能 ， 有 时 也 会 在 应 用 系统 中 实现 针对 应 用 的 数据 库 备 份 和 恢复 功能 。 

S， 并 发 控 

一 个 网 络 应 用 系统 往往 有 很 多 用 户 同时 在 使 用 ， 对 应 到 数据 库 中 币 弟 会 有 不 同 的 事务 
在 同时 执行 ， 这 束 是 所 谓 的 并 发 事务 。 当 多 个 事务 并 发 存 取 数 据 库 时 ， 经 冲 会 产生 同时 读 
取 或 修改 同一 数据 的 情况 ， 这 融 是 所 谓 的 并 上 用 冲突 。 

在 对 并 发 操作 不 加 控制 束 可 能 会 存 取 和 存储 不 正确 的 数据 ， 和 破坏 数据 库 的 一 华 性 ， 所 
以 DBMS 必须 提供 并 发 控制 机 制 。 为 了 能 够 理解 什么 时 候 需 要 使 用 并 发 控制 ,， 首先 需要 掌 
握 并 及 事务 可 能 导致 的 问题 ， 这 样 在 应 用 开 及 中 如 能 够 发 现 可 能 的 并 友 问 题 点 ， 从 而 适时 
引入 并 用 控制 机 制 。 

1) 并 发 错误 

事务 并 及 操 作 可 能 产生 的 数据 不 一 和 致 问题 有 : 修改 于 失 、 不 可 重复 恋 和 读 脏 数据 3 种 。 
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(1) 修改 丢失 。 两 个 事务 Tl 和 T2 读 入 同一 数据 并 修改 ，T2 提交 的 结果 破坏 了 Tl 提 
区 的 结果 ， 导 致 工 的 修改 丢失 。 如 图 15-8 所 示 ， 用 户 userl 下 达 了 一 个 订单 ， 因 此 需要 
从 userl 账户 中 扣除 10 元 ; 同时 管理 员 为 userl 充值 $ 元 奖励 , 因此 要 问 userl 账户 中 添加 
5 元 。 如 果 没 有 并 发 控制 ， 那 就 可 能 出 现 userl 账户 中 扣除 10 元 的 操作 被 充值 操作 履 盖 的 


六 * 呈 
日 TRo 


事 和 劳 : 订单 事务 : 充值 


痰 取 : 账户 余额 =100 元 
读 取 : 账户 余额 =100 元 


计算 : 账户 余额 =100 元 -10 元 
计算 : 账户 余额 =100 元 +5 元 
写 人 ， 账户 余额 =90 元 
上 时间 写 人 : 账户 余额 =105 元 


图 15-8 ”并 发 事务 导致 修改 丢失 示意 图 


(2) 不 可 重复 读 。 事 务 Tl 读 取 数据 后 ， 事 务 T2 执行 更 新 操作 ， 使 Tl 无 法 再 现 前 一 
次 读 取 结果 。 如 图 15-9 所 示 ， 用 户 userl 下 达 订 单 ， 事 务 首先 用 SELECT 语句 检查 账户 余 
额 是 否 足 够 ; 此 时 userl 申请 的 取现 100 元 的 操作 得 到 了 银行 的 确认 ， 取 现 事务 从 userl 账 
户 中 扣除 了 100 元 ; 订单 事务 检查 通过 后 执行 UPDATE 语句 , 根据 当前 账户 余额 计算 得 到 
新 账户 余额 为 -10 元 。 同 一 事务 (订单 事务 ) 中 ，SELECT 和 UPDATE 语句 谈 取 同一 个 数 
据 得 到 了 不 同 的 结果 ， 虽 然 没 有 丢失 数据 ， 但 结果 明显 是 不 符合 业务 好 辑 的 。 


事务 : 订单 事务 : 取现 


读 取 : 账户 余额 =100 元 
从 华 : 账 尸 余 秆 二 10 元 


读 取 : 账 尸 余额 =100 元 
计算 : 账 尸 余额 =100 元 -100 雹 
写 人 : 账户 余额 =0 元 


谈 取 : 账户 余额 =0 元 
计算 : 账 己 余额 =07C-10 元 


时 间 
了 | 号 入 , 账户 余额 =_10 元 


图 15-9 并 发 事务 导致 不 可 重复 读 错误 示意 图 


(3) 读 脏 数据 。 事 务 Tl 修改 某 一 数据 ， 并 将 其 与 回 磁盘 ， 事 务 T2 谈 取 同一 数据 后 ， 
Tl 由 于 某 种 原因 被 回 深 ， 这 时 Tl 已 修改 过 的 数据 恢复 成 原 值 ，T2 读 到 的 数据 就 与 数据 库 
中 的 数据 不 一 致 ， 则 T2 读 到 的 数据 束 称 为 脏 数 据 。 如 果 Tl 执行 的 是 新 增 数 据 操 作 ， 则 
T2 读 到 的 数据 在 数据 库 中 是 不 存在 的 ， 这 样 的 脏 数 据 又 称 为 幻影 。 如 图 15-10 所 示 的 月 账 
单 查询 的 事务 ， 就 读 到 了 订单 事务 的 脏 数 据 。 

2) 封锁 

所 有 导致 并 发 冲突 的 根本 原因 都 在 于 没有 实现 事务 ACID 特性 中 的 隔离 性 ， 当 一 个 事 
务 能 够 读 取 到 另 一 个 事务 的 中 间 状 态 时 ， 就 可 能 发 生 各 种 错误 。 如 果 要 避免 并 发 冲突 ， 实 


web 程序 设计 一 一 ASP.NET 项 目 实 训 


现 并 发 控 制 ， 最 基本 的 方法 就 是 封锁 ， 也 就 是 在 事务 访问 的 数据 对 象 上 设置 事务 标记 ， 告 
诉 其 他 事务 该 数据 对 象 处 于 事务 中 间 状 态 ， 从 而 避免 并 发 错误 。 


事务 : 月 账单 查询 事务 : 订单 


庶 取 : 订单 A_ 100 元 

与 人 :; 订 早 C 10 元 
谈 取 : 订单 B 7 元 
恋 取 : 订单 C 10 元 | 

加深 事务 

撤销 : 订单 C 10 元 


时 间 | 计算 ; 本 月 消费 =100 元 +7 元 +10 元 


图 15-10 并 发 事务 导致 读 脏 数据 示意 图 


这 种 先 给 数据 加 锁 然 后 册 进 行 操作 的 方式 称 为 悉 观 的 并 发 冲突 处 理 方 式 ， 也 丈 是 事先 
假设 会 并 发 冲突 ， 于 是 采取 措施 避免 冲突 。 

实际 应 用 开发 中 , 倾 同 于 使 用 乐观 的 并 发 冲突 处 理 方式 , 也 就 是 先 假定 不 会 发 生 冲 突 ， 
但 更 新 时 会 检查 是 否 发 生 了 并 发 冲突 ， 如 果 发 生 了 再 做 冲突 处 理 。 当 然 这 仍然 是 基于 事务 
的 ， 具 体 实 现在 后 续 章 节 中 介绍 。 


一 、 选 择 题 
1. 数据 库 概念 模型 可 以 用 ( ) 来 表示 。 
A) 类 图 /ER 图  B) 流程 图 C) SQL 语句 D) 表格 
2. 如 何 构造 出 一 个 合适 的 关系 模型 是 ( ) 主要 解决 的 问题 。 
A) 物理 结构 设计 B) 数据 字典 C) 逻辑 结构 设计 D) 关系 数据 库 人 三 询 
3. 数据 库 设 计 中 ， 确 定数 据 库 存储 结构 ， 即 关系 、 索 引 、 聚 簇 、 日 志 、 备 份 等 数据 
的 存储 安排 和 存储 结构 ， 这 是 数据 库 设计 的 )。 
A) 需求 分 析 阶 段 B) 逻辑 设计 阶段 
C) 概念 设计 阶段 D) 物理 设计 阶段 
4. 在 关系 数据 库 设 计 中 ， 对 关系 进行 规范 化 处 理 ， 使 关系 达到 一 定 的 范式 ， 例 如 达 
到 3NF， 这 是 ( ) 阶段 的 任务 。 
A) 需求 分 析 阶 段 B) 概念 设计 阶段 
C) 物理 设计 阶段 D) 逻辑 设计 阶段 
5. 在 概念 模型 中 ， 如 果 有 3 个 不 同 的 实体 类 ，3 个 m:n 联系， 根据 概念 模型 转换 为 天 
系 模型 的 规则 ， 转 换 为 关系 的 数目 是 ( )。 
A) 4 B) 5 C) 6 D) 7 
6. ( ) 不 属于 实现 数据 库 系 统 安全 性 的 主要 技术 和 方法 。 
A) 存 取 控制 技术 B) 视图 技术 
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C) 审计 技术 D) 出 入 机 房 登 记 和 加 锁 
7. SQL 语言 的 GRANT 和 REVOKE 语句 主要 是 用 来 维护 数据 库 的 呈 
A) 完整 性 B) 可 靠 性 C) 安全 性 D) 一 致 性 
8. 数据 库 的 逻辑 工作 单位 是 ( )。 
A) 关系 B) 元 组 C) 事务 D) 属性 
9. 设 Tl 与 T2 是 两 个 事务 ， 它 们 的 并 发 操作 如 下 所 示 : 
TIl 7 
读 C=100 
读 C=100 
CeC+10 
写 回 C 
读 C=110 


此 时 所 发 生 的 错误 称 为 (  )。 
A) 天 失修 改 B) 读 “ 脏 ”数据 C) 不 可 重复 恋 ”DD) 数据 完整 性 错误 
10. 以 下 SQL 命令 用 于 提交 事务 的 是 )。 
A) BEGIN TRANSACTION B) END TRANSACTION 
C) COMMIT TRANSACTION D) ROLLBACK TRANSACTION 
二 、 填 空 题 
1. DBMS 提供 将 一 组 SQL 语句 组 合 在 一 起 来 完成 复杂 功能 的 方法 ， 称 为 
2. SQL Server 中 ， 表 名 前 使 用 一 个 号 ， 表 示 局 部 临时 表 ， 在 断 开 连接 后 会 目 
动 删除 临时 表 。 
3. 是 一 种 特殊 的 存储 过 程 ， 它 的 执行 不 由 程序 调用 ， 也 不 由 手工 启动 ， 
而 是 由 数据 库 操 作 事 件 引 发 目 动 执行 的 。 
4. 就 是 制作 数据 库 结构 、 对 象 和 数据 的 备份 ， 以 便 在 数据 库 i 
时 候 能 够 恢复 数据 库 。 
5. 事务 具有 原子 性 、 人 和 四 个 特性 ， 简 记 


到 破坏 的 


6. 并 发 冲突 的 处 理 可 以 分 为 两 类 ， 一 类 是 使 用 封锁 的 方法 来 避免 冲突 ， 另 一 类 仅仅 

检测 冲突 ， 称 为 并 发 冲突 处 理 。 

三 是非 溃 

( ) 1. DBA 拥有 对 数据 库 进行 所 有 操作 的 权限 ， 所 以 没有 办 法 防止 DBA 获取 

( ) 2. 和 数据 库 相 关 的 所 有 工作 统称 为 数据 库 事务 。 

) 3. 触发 器 具有 inserted 和 deleted 两 个 隐 性 参数 ， 对 于 更 新 触发 器 来 说 ， 
deleted 表示 更 新 前 的 数据 ，inserted 为 更 新 后 的 数据 。 

( ) 4. 日 志文 件 指 包 含 数据 库 事务 日 志 的 文件 ， 用 于 记录 事务 中 更 新 语句 更 新 
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四 、 实 践 是 
.指出 图 15-11 中 不 合理 的 关联 关系 ， 并 根据 修正 后 的 ER 图 完成 关系 模型 的 设计 。 


> -er 而 
] ] 
| N N N 

会 员 | 提交 订 


订单 详情 


图 15-11 ”购物 系统 管理 ER 图 


2. 数据 库 中 现 有 三 张 表格 ， 见 表 5-12 一 表 5-14。 


表 1S-12 Student 表 表 15-13 Course 表 表 15-14 Score 表 
学 号 ”姓名 性 别 年 龄 系 别 课 号 ”课程 名 学 分 学 号 “” 课 号 ”成绩 
| 郭靖 ” 岂 20 计算 机 1 SQL Server 4 1 1 90 
2 郭 夫 ” 女 19 经 管 2 大 学 英语 3 2 1 85 
3 杨康 “ 男 pp 化 学 3 面 加 对象 4 2 Fi 
4 龙 女 女 21 电子 5 3 58 
5 杨过 ” 男 24 计算 机 


在 SQL Server 中 完成 以 下 任务 : 

(1) 创建 得 询 Student 表 的 所 有 内 容 的 存储 过 程 QueryStudents， 并 执行 。 

(2) 创建 存储 过 程 SelectStudents， 查 询 指 定 姓名 、 人 性 别 的 学 生 学 号 、 姓 名 、 人 性 别 、 课 
程 名 和 成 绩 。 

(3) 执行 存储 过 程 SelectStudents， 人 查询 “ 吝 靖 ”的 信息 。 

(4) 创建 存储 过 程 InsertStudent， 可 以 通过 该 存储 过 程 将 学 生 信 息 插入 到 Student 表 
中 ， 并 能 将 所 有 学 生 的 平均 年 龄 返回 给 用 户 。 

(5) 执行 存储 过 程 InsertStudent， 将 学 生 的 信息 (6， 李 红 ， 女 ，24， 生 物 ) 插入 到 
Student 表 中 , 并 获取 所 有 学 生 的 平均 年 龄 。 

(6) 创建 冰 数 AverageStudent()， 以 学 号 为 参数 ， 人 返回 该 学 生 的 平均 成 绩 。 

(7) 使 用 AverageStduent0 函 数 获取 每 个 学 生 的 平均 成 绩 。 

3， 完成 《小 明 网 上 书城 》 的 概念 模型 设计 ， 将 概念 模型 转换 为 关系 模型 ， 完 成 索引 
和 外 键 约 束 的 设计 ， 根 据 设 计 创 建 数 据 库 :使 用 成 员 资格 数据 局 这 工具 在 网 上 书城 的 数据 库 
中 添加 成 员 资格 数据 库 模 型 ， 使 用 ASPNET 项 目 配置 工具 网 站 ， 添 加 基本 的 角色 和 用 户 。 
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学 习 目 标 
。 状 练 笃 握 2S 类 的 定义 方法 ， 擎 握 实 现 乐 观 并 发 处 理 方 法 的 基本 思路 ; 


台 练 掌握 DIV+CSS 实现 页 面 整体 布局 和 亲 蛙 项 ; 
了 解 校 验 组 的 概念 和 应 用 : 

掌握 ASPNET 表 蛙 认证 原理 和 应 用 ， 尘 
现 权 限 控制 ; 

笠 握 基于 ASPNET 成 员 资 格 的 用 户 注册 功能 实现 

掌握 使 用 TransactionScope 类 实现 事务 管理 ; 

了 解 侍 套 母 版 页 的 使 有 用， 了解 CSS 负 边 距 技术 和 字符 图 标 技术 ; 

掌握 简单 统计 LINQ， 测 握 集合 函数 ， 了 解 对 应 SQL 统计 函数 的 使 用 ; 

熟练 掌握 使 用 ASPNET Repeater 控件 显示 数据 ,掌握 Repeater 控件 行 中 触发 事件 的 
处 理 技巧 ; 

了 解 使 用 jQuery 实现 全 选 Repeater 控件 行 中 Checkbox 控件 的 技巧 ; 

掌握 授 历 Repeater 控件 中 行 控件 的 方法 ; 


握 用 户 角色 的 管理 ， 掌 握 使 用 配置 方式 实 


掌握 SQL Server 分 页 逻辑 的 实现 ， 掌 握 L2S 使 用 存储 过 程 ， 了 解 分 页 页 人 码 器 ; 
掌握 Repeater 控件 行 命令 的 定义 和 处 理 ; 

了 解 HTML 编辑 器 : 

理解 订单 状态 管理 的 业务 好 辑 ， 掌 握 乐 观 并 发 处 理 的 实现 。 


16.1 搭建 系统 架构 


按照 14.3 节 中 的 要 求 创 建 好 各 项 目 和 LSS 解决 方案 ， 删 除 类 库 项 目 中 的 Classl.cs 默 
认 文 件 ， 确 保 LSS.Web 项 目 中 的 Web.config 文件 已 经 按照 15.2 节 配 置 好 连接 字符 串 和 
ASPNET 成 员 资 格 提 供 者 。 

参考 图 14-9 设置 好 各 项 目 之 则 的 引用 关系 ,其 中 System.Web.ApplicationServices 程序 


集 是 ASPNET 成 员 资 格 管理 类 库 , 于 


通过 添加 框架 程序 集 引 用 来 添加 , 具体 引用 关系 如 下 。 


(1) LSS.DAL 项 目 : 引用 LSS.Entities 项 目 。 
(2) LSS.BLL 项 目 : 引用 LSS.Entities、LSS.DAL 项 目 ，System.Web.Application 
Services、System.Web 程序 集 。 


306 - 
ASP.NET 项 目 实 训 


Web 程序 设计 


(3) LSS.Web 项 目 : 引用 LSS.Entities、LSS.BLL、LSS.DAL 项 目 。 
其 中 LSS.BLL 项 目 中 的 业务 逻辑 服务 类 清单 见 表 16-1。 


表 16-1 BLL 项 目 中 的 业务 逻辑 处 理 类 清单 


BaseService 业务 逻辑 服务 基 类 

UsersService 用 户 处 理 类 

AddressService 用 户 地 址 处 理 类 

GoodsService 商品 处 理 类 

CategoryService 商品 分 类 处 理 类 

OrderService 订单 处 理 类 ， 包 括 订单 明细 处 理 


1. 实现 DAL 层 

LSS 的 DAL 层 采 用 和 KPIs 中 相同 的 L2S 技术 。 在 DAL 项 目 中 添加 新 项 ， 选 择 L2S 
类 ， 名 称 设 置 为 Entitydbml。 双 击 打开 Entity.dbml 文件 ， 只 要 把 数据 库 中 的 表 、 视 图 、 存 
储 过 程 等 项 目 拖 动 到 可 视 化 设计 项 中 即 可 。 

打开 VS 服务 器 资 源 管 理 嚣 , 建立 对 LSStore 数据 库 的 连接 , 接 下 来 把 Users、Address、 
Goods、Category、Orders 和 OrderDetail 等 表 拖 到 可 视 化 设计 需 中 ， 完 成 实体 类 和 DAL 类 
的 充 计 

L2S 类 的 文件 名 为 Entity.dbml， 所 以 默认 创建 的 数据 上 下 文 类 名 为 EntityDataContext。 
和 KPIs 类 似 ， 在 BaseService 类 中 添加 一 个 EntityDataContext 对 象 属性 db， 便 于 在 BLL 
的 Service 类 中 访问 数据 库 ， 具 体 代 人 码 如 下 : 


private EntityDataContext db = new EntityDataContext (); 
protected EntityDataCcontext db { gett{ return db; } 1 


最 后 ， 为 了 能 在 LSS.BLL 项 目 中 使 用 EntityDataContext 类 ， 还 需要 为 LSS.BLL 项 目 
添加 对 System.Data.Ling 程序 集 的 引用 。 

2. 实现 母 版 页 

LSS 中 最 终 实现 的 总 体 布局 效果 如 图 16-1 所 示 ， 下 面 就 来 实现 负责 该 布局 的 母 版 页 。 
在 LSS.Web 项 目 中 添加 母 版 页 文件 Site.Master。 


Yat | xp a 由 > , 
L tope 音 技 商品 注销 , adminl 【至 ) 我 的 商城 


图 16-1 LSS 总 体 展示 效果 图 


1) 页 和 面 框架 代码 
下 面 是 母 版 页 框架 的 HIML 代码 ， 基 于 DIV+CSS 技术 来 实现 图 16-1 所 示 布 局 效果 : 
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<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" 
Inherits="LSS .Web.SiteMaster™ $> 
<IDOCTYPE html> 
<html xmlns="http://www.w3.0rg/1999/xhtml "> 
<head 1d="Head™ runat="server"> 
</head> 
<body> 
<form 1id="Forml™" runat="server"> 
<div class="wrap"> 
<div class="header"> 
<div class="]logo"><$--Logo 图 厂 --$></div> 
<div class="header search"><%-- 快 速 但 找 区 域 --%></div> 
<div class="header right"><$-- 快 捷 操作 区 域 --%></div> 
<div class="clear"></dliv> 
</d1lv> 
<div class="menu"><$-- 主 菜单 区 域 --%></div> 
<asp:ContentPlaceHolder ID="MainContent™ runat="server™ /> 
<div class="footer clear"™"> 
<div class="copy right"><%-- 版 权 信 息 --%></div> 
</d1liv> 
</form> 
</body> 
</html> 


其 中 <head></head> 之 间 的 代码 为 


<head id="Head™" runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"™" /> 
<title> 小 明 电 器 商城 </title> 
<script type="text/Javascript" 

Src="<$S=ResolveUrl ("Scripts/Jquery——1.4.1.min.J]s")$%>"></script> 
<link href="~/Styles/site.css" rel="stylesheet™ type="text/css"™" /> 
<link href="~/Styles/Menu.css" rel="stylesheet™ type="text/css"™" /> 
<asp:ContentPlaceHolder ID="HeadContent™ runat="server"> 
</asp:CcontentPlaceHolder> 

</head> 


上 述 代 人 码 由 3 部 分 构成 : 默认 引入 的 jQuery 库 ; 两 个 CSS 文件 的 引入 ， 一 个 为 全 局 
Site.css 文件 ， 另 一 个 是 针对 主 某 单 的 Menu.css 文件 ; 头 部 的 HeadContent 控件 ， 为 子 页 面 
放置 特定 头 部 代码 提供 内 容 占 位 符 。 

2) 快速 查找 区 域 

快速 查找 区 域 的 页 面 代 公 为 


<div class="header search"> 
<diy Class— "search box™> 
<asp:TextBox ID="tbSearchKey"” runat="server"” Value=" 查 找 商 品 " 


onfocus="this.value=""';" 
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onblur="if (this.value 一 "') {this.value = "查找 商品 ';}"> 
</asp:TextBox> 
<asp:Button ID-="btSearch™ runat-="server™ Text=" 伍 找 " /> 
</d1iv> 
</div> 


上 述 代码 中 TextBox 控件 用 于 输入 碍 找 关 键 字 。header search 样式 定义 整个 快速 查找 
区 域 浮动 显示 在 Logo 图 片 右 边 ，search box 样式 负责 输入 控件 外 边框 显示 ， 通 过 
input[type="text"] 子 元 素 选 择 絮 定义 其 中 <inpu 人 元素 的 样式 为 无 边框 ， 通 过 
input[type="submit"] 子 元 素 选 择 需 定义 租 找 按钮 的 样式 ， 最 终 得 到 输入 框 和 按钮 的 组 合 显 
示 效 果 ， 如 图 16-1 所 示 。 

3) 快捷 操作 区 域 

快捷 操作 区 域 的 页 面 代码 为 


<q1V class="header right"> 
<div class="topmenu"> 
<span class="menuitem"> 
<asp:HyperLink ID="hlAdmin" runat="server"> 我 的 商城 </asp:HyperLink> 
</span> 
</div> 
<div class—"shopping cart”> 
<div class="cart"> 
<asp:HyperLink ID="hlsShoppingCart" title=" 查 看 我 的 购物 车 " rel="nofollow" 
runat="server" CssClass="no product"> ( 空 )</Vasp:HyperLink> 
</div> 
</div> 
<div class-"topmenu” 七 tle-" 用 户 信 息 "> 
<span class="menuilitem"> 
<asp:LinkButton ID="hlLogin™. runat="server™" CssClass="Uusername"> 
请 登录 
</asp:LinkButton> 
</span> 
</div> 
</div> 


上 述 代 码 由 3 个 <div> 元 素 组 成 ， 分 别 是 我 的 商城 超 链接 (链接 到 后 台 管 理 页 面 )、 购 
物 车 超 链接 、 用 户 信息 超 链 接 ， 通 过 样式 定义 控制 了 这 些 超 链接 的 外 观 。 由 于 采用 了 右 侧 
浮动 的 方式 ， 所 以 这 个 3 个 超 链接 展示 的 顺序 与 页 和 面 代码 顺序 恰好 相反 。 

4) 主 某 单 区 域 

主 亲 单 区 域 采 用 HIML 列表 元 又 来 实现 ， 页 和 面 代 公 为 


<ul id="dc mega-menu-orange" class="dc mm-orange"> 
<11i><asp:HyperLink ID="HyperLinkl" runat="server" 
NavigateUrl="~/Default .aspx"> 商 城 首页 </asp:HyperLink></1i> 
<1i><asp:HyperLink ID="HyperLink2" runat="server"> 客 户 服 务 </asp:HyperLink></1i> 
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<1i><asp:HyperLink ID="HyperLink5" runat="server"> 关 于 商城 </asp:HyperLink> </1i> 
<11><asp:HyperLink ID="HyperLink6é™" runat="server">FAQs</asp:HyperLink></11> 
<li><asp:HyperLink ID="HyperLink7" runat="server"> 联 系 我 们 </asp:HyperLink></1i> 
<1li><asp:HyperLink ID="HyperLink3" runat="server" 

NavigateUrl="~/Account/Login.aspx"> 注 册 用 户 </asp:HyperLink></1i> 
<dly Cclass="clear"></div> 


</uly> 


列表 项 默认 纵 同 排列， 但 LSS 中 通过 设置 列表 <ul> 元 素 的 CSS 样式 实现 了 横 回 排列 。 
这 部 分 样式 直接 套用 了 参考 免费 模板 中 的 CSS 代码 ， 为 了 避免 和 整理 过 的 CSS 代码 混淆 ， 
将 其 独立 定义 在 了 Menu.css 文件 中 。 

3 用户 和 权限 控制 

1) 登录 注册 页 面 

在 LSS.Web 项 目 中 添加 Account 文件 夹 ， 然 后 在 其 中 添加 Login.aspx 页 面 ， 注 意 将 其 
人 能 和 套 在 Site .master 这 个 前 台 站 点 的 母 版 页 中 ， 简 化 后 的 核心 页 和 面 代码 如 下 : 


<$@ Page Title=" 登 录 " Language="C#" MasterPageFile="~/Site.master" 
AutoEvent Wireup="true" 

CodeBehind="Login.aspx.cs" Inherits="LSS.Web.Account .Login™ $> 
<asp:Content ID="HeaderContent™ runat="server” ContentPlaceHolderID= 
“HeadContent"> 
</asp:Content> 
<asp:Content ID="BodycCcontent” runat="server" 
ContentPlaceHolderID="MainContent"> 

<dq1V class="content"™"> 

<div class="]ogin panel™> 
<h3> 登 录 </h3> 
<asp:TextBox ID="tbUsername" /> <asp:RequliredFieldVvalidator /> 
<asp:TextBox ID="tbPassword" /><asp:RequiredFieldVvalidator /> 
<asp:CheckBox ID="chkRemember™ /> 
<asp:Button ID="btLogin™ Text=" 登 录 "™ /> 
<asp:Label ID="]lbLoginPrompt"™" runat="server"></asp:Literal> 

</dliv> 


<div class="register account"> 


<h3> 注 册 新 账 亏 </h3> 
<table> 
<tr> 
<td> 


<asp:TextBox ID="tbUserNameForReglster™" /> 
<asp:RequiredFieldVvalidator /> 

<asp:TextBox ID="tbPasswordl"™" /> <asp:RequlredFieldValidator /> 
<asp:TextBox ID="tbPassword2"” /> <asp:RequliredFieldVvalidator /> 
<asp:CompareValidator /> 
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< /td> 
ws 


<asp:TextBox ID="tbEmail™" /> <asp:RedulredEleldVal1dator /> 
<asp:TextBox ID="tbRealName™" /> 
<asp:TextBox ID="tbIDCard™ /> 
</ tqd> 
SCL 

</table> 

<asp:Button ID="btReglister™ /> 

<asp:Label ID="lbReglisterPrompt™" /> 

</d1liv> 

</d1iv> 


</asp:Content> 


可 以 将 上 述 代 个 分 为 login panel 登录 区 域 和 register account 注册 区 域 。 其 中 登录 区 域 
中 有 输入 用 户 名 的 tbUsername 文本 框 和 输入 密码 的 tbPassword 密 但 框 , 其 后 都 市 有 相应 的 
校 验 控件 ; 还 有 1 个 chkRemember 复 选 框 用 于 选择 保持 登录 状态 ， 以 及 1 个 btLogin 提交 
按钮 。 

下 面 是 其 中 tbPassword 密码 输入 框 的 详 页 面 代 人 码 : 


<asp:TextBox ID="tbPassword" runat="server™" VallidationGroup="]ogin" 


Value=" 敌 人 码 " onfocus="if (this.value == ! 密 伺 ') { this.value = "'';:}" 
onblur="if (this.valtue == 5) fthis valoe = “和 守 人 码 ?> 


TextMode="Password"> 


</asp:TextBox> 


上 述 代 人 码 中 的 TextMode 属性 值 Password 表明 这 是 一 个 密码 输入 框 ; 属性 value 用 于 
设置 控件 的 初始 值 (默认 ASPNET 会 清空 Password 模式 的 文本 框 内 容 ， 但 通过 HTML 中 
的 value 属性 可 以 绕 过 这 个 机 制 )。 

ValidateGroup 属性 用 十 定义 校 验 组 。Login.aspx 页 面 中 同时 包含 了 登录 和 注册 两 个 部 
分 ， 两 部 分 的 校 验 需 要 分 离 ， 也 了 束 是 说 单 击 登 录 按 钮 时 不 需要 校 验 注 册 部 分 的 控件 ， 反 之 
亦 然 。 通 过 将 登录 和 注册 校 验 控件 的 ValidationGroup 属性 值 分 别 设置 为 login 和 Tegister， 
然后 将 登录 和 注册 按钮 的 ValidationGroup 属性 值 分 别 设置 为 对 应 的 login 和 register， 束 能 
达成 这 个 目标 。 下 面 是 reqUsemame 校 验 控件 和 btLogin 登录 按钮 的 具体 页 面 代码 : 


<asp:RequiredFieldValidator ID="reqUsername™" runat="server" 
CssClass= "failure" ControlToVvalidate="tbUsername" ErrorMessage=" 必 须 寺 与 " 
用 户 名 "。"w。" 
ToolTip=" 必 须 填写 "用 户 名 "。"vVvalidationGroup="login">* 
</asp: RequiredField Validator> 
mn 


<asp:Button ID="btLogin™" runat="server" CssClass="grey"” Text=" 守 也 


ValidationGroup="login™ /> 
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2) 表单 认证 
所 谓 基 于 表单 (Forms) 认证 就 是 指 通过 HTML 表单 来 输入 登录 信息 ， 从 而 实现 身份 
认证 的 方式 ，ASPNET 为 文 持 表单 认证 提供 了 完善 的 机 制 。LLS 中 ， 在 配置 ASPNET 成 
员 资 格 时 已 经 在 Web.config 文件 中 做 好 了 局 用 表单 认证 的 配置 工作 : 


<authentication mode="Forms"> 
<forms loginUrl="~/Account/Login.aspx" timeout="2880"™ /> 


</authenticationy> 


其 中 mode 属性 指定 了 认证 方式 为 Froms, 而 loginUrl 属性 则 指定 了 登录 页 面 , 当 ASPNET 
发 现 用 户 没有 请 求 资源 的 访问 权限 时 ， 就 会 目 动 跳 转 到 loginUrl 属性 指定 的 登录 页 面 。 
在 Login.aspx 页 面 中 ， 双 击 btLogin 登录 按钮 添加 单 击 事 件 处 理 代码 : 


protected void btLogin Click(ocobject sender, EventArgs e) 
' 
// 调 用 Membership 的 ValidateUser 方法 ， 检 查 用 户 名 和 密码 是 否 合法 
if (Membership.VvalidateUser (tbUsername.Text, tbPassword.Text)) / /检查 通过 
{ 
// 调 用 FormsAuthentication 表单 认证 服务 类 的 方法 完成 登录 
FormsAuthentication.RedirectFromLoginPage (tbUsername .Text, 


chkRemember.Checked):; 


} 
else // 检 查 失败 ， 显 示 错 误 信息 
{ 
lbLoginPrompt -Text = "用 户 名 或 密码 错误 "; 


} 


为 使 用 了 ASPNET 成 员 资 格 机 制 ， 所 以 调用 Membership 类 的 ValidateUserO 静 态 方 
法 即 可 完成 用 户 名 和 蜜 但 的 检 奏 。 

另 一 方面 ， 检 查 通 过 后 需要 将 用 户 登 录 状 态 保持 下 来 ，LSS 中 通过 调用 表单 认证 服务 
类 FormsAuthentication 的 RedicrectFromLoginPage( 〇 方法 完成 如 下 工作 。 

(1) 保存 用 户 标 识 。 将 成 功 登 录 的 用 户 名 保存 到 客户 病 的 Cookie 中 ， 即 为 客户 闹 浏 览 
器 签发 身份 票据 。 如 果 第 2 个 参数 值 为 tue， 就 会 设置 Cookie 持久 时 间 为 永远 ， 从 而 签发 
一 个 永久 映 份 紧 据 。 考 虑 到 安全 的 原因 ， 这 个 喘 份 时 据 是 经 过 加 密 的 ， 这 也 是 ASPNET 表 
单 认证 机 制 的 优势 乙 一 。 

(2) 返回 请 求 页 面 。 重 定 癌 到 原 请 求 页 面 ， 也 就 是 请 求 时 由 于 权限 不 足 被 重 定 问 到 登 
录 负 面 时 用 户 真 正 请 来 的 页 面 。 如 果 不 布 望 目 动 跳 转 ， 则 可 以 用 SetAuthCookie0 方 法 来 代 
和 蔷 RedirectFromLoginPage( 〇 方法。 

FormsAuthentication 类 还 提供 了 注销 用 户 的 SignOut0 方 法 , 不管 是 否 是 永久 身份 票据 ， 
SignOut0 方 法 都 能 将 其 删除 。 例 如 ， 在 Site.master 中 ， 如 果 用 户 已 经 登录 ， 那 么 用 户 信息 
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超 链 接 束 成 为 了 注销 按钮 ， 单 击 时 需要 执行 如 下 代码 : 


FormsAuthentication.signout () ; // 从 客户 器 浏览 器 删除 用 户 喘 份 票据 
Response.Redirect ("~/Default.aspx"); // 足 : 转 肖 页 


用 户 通 过 登录 页 面 取得 号 份 肾 据 后 ， 网 站 中 的 其 他 页 面 如 何 获得 登录 用 户 信 息 ? 回顾 
KPIs 中 的 页 面 基 类 ， 其 中 设置 了 用 户 属性 ,该 属性 是 通过 状态 化 方法 (例如 Cookie) 获取 
用 户 标 识 ， 然 后 到 数据 库 中 获取 用 尸 对 象 而 得 到 的 。ASPNET 的 表单 认证 采用 类 似 方法 ， 
将 当前 登录 用 户 信息 保存 在 了 一 个 称 为 HITP 请 求 上 下 文 的 对 象 中 。 

例如 ， 为 了 在 母 版 页 的 hlLogin 用 户 信息 超 链接 中 显示 当前 用 户 信息 ， 需 要 在 母 版 页 
的 Page Load0 方 法 中 写 入 如 下 的 代码 ; 


protected void Page Load(object sender, EventArgs e) 


{ 
if (!IsPostBack) // 非 回 友 
{ 
1f (HttpContext.Current.User.Identity.IsAuthenticated) 
/ /如 果 当 前 用 户 状 态 是 已 认证 
{ 
hlLogin.Text = String.Format ("注销 , {0}"™， 
HttpContext .Current .User.Identity.Name) ; / /显示 用 户 名 
} 
} 
} 


上 述 代 人 码 中 HttpContext.Current 就 是 当前 HITP 请 求 上 下 文 对 象 ， 其 中 的 子 对 象 User 
是 安全 信息 对 象 ，User 对 象 的 Identity 属性 就 是 当前 用 户 标 识 。 通 过 Identity 的 
IsAuthenticated 属性 可 以 判断 当前 用 户 是 否 已 通过 有 身份 验证 ， 而 Identity 的 Name 属性 就 是 
登录 时 通过 FormsAuthentication.RedicrectFromLoginPage() 方 法 放 入 到 Cookie 中 的 用 户 
标识 。 

ASPNET 自动 从 Cookie 中 提取 了 身份 认证 票据 ， 将 相关 信息 保存 在 HTTP 请 求 上 下 
文 对 象 中 。 如 果 用 户 疝 未 登录 ，User 对 象 也 可 以 正 首 访问 ， 此 时 ASPNET 会 创建 一 个 
GenericPrincipal 关 的 默认 安全 信息 对 象 ， 此 对 象 指 示 一 个 未 登录 的 用 户 。 

基于 HTTP 请 求 上 下 文 对 象 ， 为 Site.Master 母 版 页 中 的 hlLogin 控件 添加 单 击 事件 处 


protected vold hilLogin Click(object sender, EventArgs e) 
{ 

/ /如 果 当 前 用 户 状态 是 已 认证 ， 说 明 要 注销 

1f (HttpContext.Current.User.Identity.IsAuthenticated) 


{ 
FormsAuthentication.Ssignout (); // 从 客户 请 浏览 器 删除 用 户 喘 份 紧 据 
Response.Redirect ("~/Default.aspx");// 跳 转 首 页 ， 刷 新 登录 状态 

} 


else // 否 则 ， 说 明 要 登录 
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{ 
Response.Redirect ("~/Account/Login.aspx"); // 跳 转 登 录 页 面 
} 
} 
3) 用 户 角 色 
在 实际 的 项 目 中 ,权限 的 控制 通常 是 基于 角色 的 ， 也 就 是 用 户 组 。15.2 市 中 为 LSS 添 
加 了 Admin、Buyer、Seller 和 User 四 个 角色 ， 以 及 对 应 的 四 个 用 户 。 
因为 在 LSS.Web 项 目的 Web.config 文件 中 配置 了 负责 角色 管理 的 ASPNET 成 员 资 格 
管理 提供 者 ， 当 前 HITP 请 求 上 下 文 对 象 的 User 属性 还 能 够 提供 角色 方面 的 信息 。 例 如 ， 
为 了 让 和 母 版 页 上 hlAdmin 超 链接 能 够 根据 登录 用 户 的 角色 目 动 跳 转 到 不 同 页 面 ， 需 要 在 母 
版 页 Page Load0 方 法 中 添加 下 面 的 代码 (将 其 安排 在 显示 用 户 名 的 语句 之 后 ): 
/ /根据 角色 确定 我 的 商城 超 链 接 如 何 跳 转 
/ /通过 类 型 转化 ， 将 RoleManagerModule 放 入 的 RolePrincipal 对 象 提 取出 来 


RolePrincipal user = HttpContext .Current.User as RolePrincipal; 


if (user != null) // 转 化 成 功 ( 如 果 没 有 启用 角色 管理 ， 转 换 结果 为 nul1) 


{ 
1f (user.IsInRole (Consts.Roles.Admin)) 
{ 
hlAdmin.NavigateUrl = "~/Admin/Default.aspx" 
} 
else 1f (user.IsInRole (Consts.Roles.Seller)) 
{ 
hlAdmin.NavigateUr] = "~/Back/Orders .aspx"; 
} 
else 1if (user.IsInRole (Consts.Roles.Buyer)) 
{ 
hlAdmin.NavigateUr] = "~/Back/Goods .aspx"; 
} 
else 
{ 
hlAdmin.NavigateUr]l = "~/My/Default .aspx"; 
} 
} 


上 述 代 公 将 当前 用 户 对 象 类 型 转换 为 币 有 角色 信息 的 RolePrincipal 对 象 ， 然 后 用 该 对 
象 的 IsInRole0 方 法 判断 当前 用 户 是 人 盏 属于 东 个 角色 , 再 根据 角色 设置 hlAdmin 超 链 接 的 目 
标 Url 属性 值 。 

4) 权限 控制 

可 在 Web.config 文件 中 配置 访问 规则 ， 即 指定 受 限 资源 允许 或 茶 止 哪些 用 户 或 角色 的 
访问 。 例 如 ， 要 求 Profile.aspx 页 面 的 访问 者 必须 是 已 登录 用 户 ， 那 么 可 以 添加 如 下 配置 

<location path="Profile.aspx"> 


<System.web> 
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<authorization> <deny users="?2"/> </authorization> 
</system.web> 
</location> 


上 述 配 置 中 的 path 属性 用 于 指定 配置 权限 的 页 面 ，<authorization> 节 用 来 配置 具体 的 
权限 规则 。 path 属性 也 可 以 指定 文件 夹 , 例如 , 将 管理 员 所 使 用 的 页 面 放 到 Admin 文件 夹 ， 
然后 设置 针对 Admin 文件 夹 的 访问 规则 : 


<location path="Admin™"> 
<System.web> 
<authorization> <allow roles="Admin"/> <deny users="*"/> </authorization> 


</system.web> 
</location> 


这 些 配 置 可 以 全 部 写 到 网 站 根 文 件 夹 Web.config 文件 的 <configuration> 方 中， 也 可 以 
在 某 个 文件 夹 下 添加 一 个 Web.config 文件 来 指定 针对 这 个 文件 夹 的 访问 规则 。 例 如 ， 右 键 
单 击 Admin 文件 严 ， 和 选择“ 添加 一 新 建 项 ”命令 ， 然 后 选择 Web 配置 文件 ， 为 Admin 文 
件 夹 添加 一 个 Web.config 文件 ， 修 改 这 个 文件 添加 如 下 配置 : 


<configuration> 
<System.web> 
<authorization> <allow roles="Admin"/> <deny users="*#"/> </authorizatlion> 
</system.web> 


</configuration> 


上 述 配 置 就 是 针对 Admin 文件 夹 的 访问 规则 ， 无 须 <location> 世 来 指定 规则 对 应 的 

在 编制 访问 规则 时 ， 注 意 以 下 几 点 。 

(1) <allow> 节 表示 允许 ，<deny> 节 表示 拒绝 ， 两 者 的 顺序 一 定 不 能 写 错 了 ，ASPNET 
的 权限 管控 模块 将 按 这 个 顺序 依次 判断 ， 一 旦 匹配 上 了 规则 残 会 忽略 后 续 规 则 。 

(2) 人 允许、 拒绝 的 对 象 可 以 用 users 属性 指定 用 户 类 对 象 ，roles 属性 指定 角色 类 对 和 象 ; 
多 个 用 户 或 角色 可 以 用 去 号 分 隔 。 问 号 “?” 表 示 匿 名 用 户 〈 疝 未 登录 的 用 户 )， 星 号 “#*?” 
表示 所 有 用 户 。 

(3) 硅 菏 个 资源 只 允许 某 类 用 户 访 问 ， 那 么 最 后 的 一 条 规则 一 定 是 <deny users="*" />， 
例如 前 面 对 Admin 文件 夹 的 配置 。 也 就 是 说 ， 默 认 人 允许 所 有 用 户 访 问 ， 如 果 没 有 配置 最 后 
的 <deny> 规 则 ， 那 么 所 有 没有 匹配 前 面 规则 的 用 户 《 包 括 匿 名 用 户 ) 都 会 获得 访问 权限 。 

以 Accout 文件 夹 中 Web.config 文件 中 的 访问 规则 配置 为 例 ， 有 具体 的 配置 为 


<location path="Reglister.aspx"> 
<System.web> 
<authorization> <allow users="*"/> </authorization> 
</system.web> 
</location> 
<Ssystem.web> 
<authorization> <deny users="?2"/> </authorization> 


</system.web> 
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Q) 因为 Account 中 都 是 用 户 管 理 方 面 的 页 面 ， 所 以 拒绝 匿名 用 户 访 问 (<deny 
users="?">) 这 个 文件 夹 中 的 资源 。 

@) 假设 单独 设置 了 Register.aspx 注册 页 面 ， 则 因为 匿名 用 户 需 要 注册 账户 ， 因 此 需要 
用 <]location> 广 指定 Register.aspx 页 面 可 以 被 所 有 用 户 〈 包 括 匿 名 用 户 ) 访问 (<allow users= 
Ws 

@) 如 果 在 根 文件 夹 的 Web.config 文件 中 配置 了 表单 认证 ， 且 指定 Account 文件 夹 下 
的 Logoin.aspx 页 面 为 登录 页 面 ， 则 该 页 面 不 受 访 问 规则 的 限制 。 

4. 注册 用 户 和 数据 库 事务 

LSS 中 ， 登 录 和 注册 页 面 是 合 二 为 

1) UsersService 

完成 用 户 注册 需要 3 步 操作 : 使 用 ASPNET 成 员 资 格 创建 用 户 , 将 用 户 加 入 User 组 ， 
将 用 户 信息 与 入 Users 表 。 在 UsersService 类 中 添加 CreateUser(0 方 法 ， 详 细 的 代码 如 下 : 


的 ， 下 面 完 成 Login.aspx 页 面 中 的 注册 功能 。 


public bool CreateUser (string userName, string password, string emall， 


string realName, string idCard, string roleName = Consts.Roles.User) 


{ 
bool isOK = false; // 初 始 化 操作 结果 标记 变量 ， 假 设 结 果 为 失败 
try 
{ 
// 使 用 Membership 创建 用 户 
MembershipUser usr = Membership.CreateUser (userName, password, emall); 
Roles.AddUserToRole (usr.UserName,，roleName) ;// 将 用 户 加 入 指定 角色 
Guid userID = (Guid)usr.ProviderUserKey:; // 获 取 用 户 的 UserID 
Users user = new Users () / /创建 用 户 实体 对 重 
{ 
UserID = USeTTD， 
UserName = userName, 
RealName = realName, 
Deposit = 0, 
IDCard = idCard 
}; 
db.Users.InsertonSsubmit (user); / /新 增 用 户 实 体 对 象 到 Users 表 
qdb .SubmltcChanges (); 
isOK = true; / /设置 成 功 标记 
} 
catch (MembershipCreateUserExceptlion exp) 
{ 
SetError (exp, exp.Message); 
} 
catch (Exception exp) 
{ 


SetError (exp， "创建 用 户 失 败 ， 如 反复 出 现 请 联系 管理 员 。"); 
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} 
return 1s0K:; 


} 


重点 关注 上 述 代 人 码 如 何 实现 用 户 注册 的 3 步 操作 : 首先 调用 Membership 类 的 
CreateUser0 静 态 方 法 创建 用 户 ， 然 后 调用 Roles 类 的 AddUserToRole(0 静 态 方 法 将 用 户 添 
加 到 User 角色 中 ， 最 后 使 用 L2S 的 InsertOnSubmit0 方 法 添加 用 户 实体 对 象 到 数据 库 的 
Users 表 。 

2) 数据 库 事务 

显然 ， 注 册 用 户 的 3 步 操 作 应 该 是 一 个 原子 操作 ， 也 就 是 需要 作为 一 个 数据 库 事 务 来 
执行 , 但 这 3 步 的 数据 库 操作 分 别 由 ASPNET 成 员 资 格 和 EntityDataContext 对 象 执行 , 它 
们 不 会 目 动 形成 数据 库 事务 。 因 此 ， 需 要 使 用 NET 平台 的 事务 管理 对 销 来 实现 数据 库 事务 
管理 ， 这 个 事务 管理 对 象 叫做 事务 范围 〈Transaction Scope)。 

置 于 同一 个 事务 范围 的 数据 库 操 作 束 成 为 一 个 事务 ， 如 条 没有 成 功 提交 ， 束 会 目 动 回 
使 用 事务 范围 对 CreateUser0) 方 法 进行 改造 ， 代 码 如 下 : 


已 


3 
汐 ™ 


Public vold CreateUser (string userName, string password, string emall， 


string realName, string idCard, string roleName = Consts.Roles.User) 


{ 
using (Transactionscope ts = new TransactionScope()) //ts 事务 范围 开始 
{ 
try 
{ 
. // 一 系列 数据 库 操作 ， 包 括 Membership 
ts .Complete () ; // 提 交 事 务 
} 
攻 //catch 措 第 处 理 
} / /ts 事务 范围 结束 
} 
上 述 代 人 码 就 是 标准 的 事务 范围 使 用 方法 。 前 先 需 要 为 项 目 引 用 System.Transactions 程 
序 集 ; 然后 使 用 using0 这 种 方式 开始 事务 范围 ， 当 完成 所 有 数据 库 操 作 时 ， 使 用 事务 范围 


的 Complete0 方 法 提交 事务 ; 如 果 执 行 过 程 中 出 现 错误 ， 则 会 跳 过 事务 提交 转 而 执行 寞 第 
处 理 ， 从 而 目 动 回 深 事 务 。 

(1) 必须 用 usingO 这 种 方式 来 确定 事务 范围 的 管理 范 围 。 

(2) 事务 沌 围 的 管理 范围 越 小 越 好 , 尽量 不 要 把 不 需要 事务 管理 的 代码 纳入 事务 范围 。 
(3) 只 要 没有 执行 事务 范围 的 Complete(0 方 法 ， 在 事务 范围 的 末尾 ， 事 务 会 被 目 动 回 
所 做 的 数据 库 操 作 会 被 撤销 。 

3) 注册 事件 处 理 

基于 UsersService 类 的 CreateUser(O) 方 法 可 以 完成 Login.aspx 页 面 的 btRegister 按钮 单 


a 
| 
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击 事件 处 理 代 码 ， 在 其 中 完成 用 户 的 添加 ， 有 具体 代码 如 下 : 

protected vold btReglster Click(object sender, EventArgs e) 

{ 
UsersService svr = new UsersService()}); 
svr.CreateUser (tbUserNameForReglister.Text, tbPasswordl .Text, 

tbEmail.Text, tbRealName.Text, tbIDCard.Text); // 调 用 创建 用 户 的 服务 方法 

if (svr.HasError) //BaseService 中 的 错误 处 理 机 制 ， 通 过 setError () 方 法 记录 异常 ， 
/ /通过 HasError 知悉 服务 方法 是 否 出 错 , 详 见 配套 源码 


{ 
lbRegisterPrompt.Text = svr.ErrorMsg; / /显示 错误 信息 
} 
else 
| 
1bLoginPrompt .Text = "注册 成 功 ， 请 登录 "; /7 显示 成 功 的 提示 信息 
} 
} 
1T《 SR 二 赂 和 寺田 吴 | 
16.2 ” 飞 现 官 理 员 后台 
1.， 管 理 员 母 版 页 
管理 员 首 页 最 终 实现 的 展示 效果 如 岁 16-2 所 示 。 
总 用 户 管理 操作 系统 性 ndows 了 6.2 运行 环境 IIS 8.0/ASP.NET 4.0 
:二 用 户 列表 版 本 1.0 了 眼 务 器 域名 /IP localhest [127.0. 0.1] 
顾客 人 数 “2 位 商品 分 类 3 类 
着 添加 用 户 商品 数量 10 件 订单 共 22 笔 ， 价 值 278295. 00 元 
竺 发 党 订单 ” 共 8 御 ,价值 200188. 00 元 待 确认 订单 共 2 笔 ,价值 17298. 00 元 
电 统计 分 析 


销售 业绩 


销售 分 析 


订单 分 析 


图 16-2 ”管理 员 后 台 首 页 效果 图 


1) 页面 布 局 

在 LSS.Web 项 目 中 新 增 Admin 文件 来 ， 然 后 在 其 中 新 增 Admin.master 母 版 足 ， 该 母 
版 页 为 髓 套 在 Site master 母 版 页 中 的 租 套 母 版 页 。Admin.master 母 版 页 的 页 面 代 人 码 框 架 为 

<asp:Content ID="contHead” runat="server" ContentPlaceHolderID="HeadContent™"> 


<link href="../sStyles/Admin.css" rel="stylesheet™ type="text/css" /> 
</asp:Content> 
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<asp:Content ID="contMain™" ContentPlaceHolderID="MainContent"™" runat="server"> 
<dliv class="admin maln"> 
<div class="sldebar—wrap"> 
<div class="sidebar-content"> 
<!-- 管 理 主 菜单 --> 
</div> 
</div> 
<div class="admin content"> 
<asp:ContentPlaceHolder ID="AdminContent™ runat="server"> 
</asp:ContentPlaceHolder> 
</div> 
<div class="clear"> 
</div> 
</d1iv> 
</asp:Content> 


上 述 代 码 在 contHead 内 容 控件 中 添加 了 对 Admin.css 样式 表 的 引用 ， 主 要 内 容 在 
contMain 内 容 控 件 中 。 主 要 内 容 布局 是 一 个 <div> 元 素 ， 其 中 包含 sidebar-warp 蘑 单 栏 和 
admin content 工作 区 。admin content 工作 区 的 内 容 为 AdminContent 内 容 占 位 控件 ， 用 于 
嵌入 其 他 子 页 面 的 内 容 。 

实现 这 个 布局 有 两 个 难点 : 一 是 菜单 栏 宽度 固定 为 178px， 而 工作 区 宽度 需要 自 适应 
(也 就 是 日 动 填 满 沫 单 柱 以 外 的 页 面 区 域 );， 二 是 羔 单 栏 和 工作 区 融 度 需要 根据 其 中 的 内 容 
日 动 适 应 ， 但 又 布 望 两 者 是 等 蜗 的 (也 就 是 局 度 以 内 容 蝇 度 大 的 那个 为 标准 ， 人 奋 则 下 方 不 
对 齐 ， 页 面 不 美观 )。 这 需要 用 到 负 值 边 距 技术 ， 具 体 技 巧 请 读者 参考 本 书 提 供 的 源 代码 。 

2) 管理 菜单 

管理 主 某 单 分 为 两 级 ， 并 且 沫 单 文字 前 面 有 一 个 图 标 ， 总 体 效 末 如 岁 16-2 所 示 。 其 中 
两 级 亲 单 利用 髓 套 的 HIML 列表 来 实现 ， 下 面 是 示例 页 面 代码 ,实际 的 超 链接 需要 蔡 换 成 
ASPNET 的 HyperLink 控件 ， 例 如 用 户 管理 下 的 两 个 子 菜单 : 


<ul Class="SsSldebar-11s 七 "> 
<11><a href="#"><i class="icon-font">&#xe000;</i> 系 统 概况 </a></1i> 
li ref "J" Clases "icon Tont" etna0507<71i3 人 /aye liS 
elisa href— mc clases "ic0n— Font"™ eltze0ld;</iS 用 户 攻 理 </a > 
<ul class="sub-menu"> 
<11><a href="Users.aspx"><i class-"icon-font">&#xe02f;</i> 用 户 列表 
</as</ 11> 
<11><a href="UserAdd.aspx"><i class-="icon-font">&#xe02a;</i> 添 加 用 户 


a Li 
/ll 
lis 
<11><a href="#"><i class="icon-font">&#zxe031;</i> 统 计 分 析 </a> 
<ul class="sub-menu"> 
<li><a href="#"><i class="icon-font">&#xe005;</i> 销 售 业 绩 </a></1i> 
<li><a href="#"><i class="icon-font">&#xe005;</i> 销 上 售 分 析 </a></1i> 
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<11><a href="#"><i class="icon-font">&#xe005;</1i3 订 单 分 析 </a></1i> 
</ul> 
</11> 
</ul> 


整个 管理 菜单 只 有 一 个 应 用 了 sidebar-list 样 式 类 的 蕊 列表。 每 个 菜单 为 一 个 列表 项 。 
其 中 统计 分 析 包 侣 一 个 下 级 染 单 ， 该 来 单 束 是 一 个 马 和 僚 在 统计 分 析 工 列表 项 中 的 岂 列表 ， 
应 用 的 样式 类 为 sub-menu。sub-menu 主要 样式 是 用 “padding-left:21px” 实 现 缩 格 ， 用 
“background:#fff” 改 变 其 中 子 亲 单项 的 闫 色 。 

菜单 项 前 面 的 图 标 采用 了 字符 图 标 (fontface) 的 技术 ， 也 是 通过 CSS 来 实现 的 。 页 
面 代码 中 “<i class='icon-font">&#xe000:</>” 束 是 显示 字符 图 标 用 的 。“&fxe000” 是 通 
过 Unicode 来 指定 字符 的 方法 ， 而 样式 类 icon-font 则 用 于 指定 该 字符 使 用 的 字库 。LSS 支 
桂 的 所 有 字符 图 标 可 以 通过 Admin/IconList.aspx 页 面 来 查看 。 

2. 统计 查询 

管理 员 首 页 Admin/Default.aspx 使 用 Admin/Admin.master 母 版 页 ， 展 示 管 理 员 关心 的 
系统 基本 信息 和 系统 统计 信息 ， 例 如， 当前 系统 中 的 商品 总 数 ， 效 果 如 图 16-2 所 示 。 由 于 
采用 三 层 架 构 ， 自 先 需 要 在 BLL 层 中 添加 相应 的 服务 和 方法 , 然后 在 页 面 中 调用 这 些 方法 
来 获取 所 需要 的 统计 数据 。 

1) 集合 函数 

使 用 LINQ 查询 不 但 可 以 获取 记录 集合 结果 ， 而 且 也 可 以 获取 记录 集合 的 统计 信息 。 
例如 ， 管 理 员 首页 中 需要 获取 商品 分 类 总 数 ， 也 融 是 商品 分 类 表 中 的 记录 数 ， 这 可 以 通过 
LINQ 的 集合 函数 来 实现 。 

所 谓 集合 轴 数 ， 是 指 以 集合 为 参数 获取 集合 有 关 统 计 方 面 数据 的 函数 ， 第 见 的 如 下 。 

(1) Count0: 计算 一 个 特定 集合 的 元 素 个 数 。 

(2) Average(): 计算 一 个 数值 集合 的 平均 值 。 

(3) Max(): 返回 一 个 集合 中 最 大 值 。 

(4) Min0: 返回 一 个 集合 中 最 小 值 。 

(5) Sum0: 计算 集合 中 选 定 数值 字段 值 的 总 和 。 

下 向 的 代码 中 ,语句 B 统计 上 架 商 品 的 品种 总 数 〈 同 一 件 商 品 不 管 有 多 少 库存 部 只 算 
1 次 )， 语 名 C 统计 商品 分 类 数量 ， 语 句 D 统计 有 订单 的 用 户 总 数 : 

A. EntityDataContext db = new EntityDataContext (); 

B. db.Goods.Where(g => 9g.1Isoff = false) .Count (}; 

C. db.category.Count () ; 

D. db.Users.Where(u => u.Orders.count > 0) .Count () ， 


L2S 语句 实际 上 会 生成 对 应 的 SQL 语句 ， 结 合 SQL 中 的 统计 语句 ， 可 以 更 好 地 理解 
它们 。 

下 面 给 出 的 SQL 例句 中 ， 语 句 王 统计 上 架 商 品 的 品种 总 数 ， 语 名 上 为 对 应 的 非 统 计 
但 询 语 多， 可 兄 集合 函数 的 参数 就 是 租 询 结果 中 的 茶 个 字段 : 


E. SELECT COUNT (ID) FROM Goods WHERE IsOff=0 
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F. SELECT ID FROM Goods WHERE IsOff=0 

注意 集合 函数 在 统计 时 会 急 略 值 为 NULL 的 记录 ,假设 Category 表 中 所 有 记录 的 Code 
字段 值 都 是 NULL， 那 么 下 面 语句 G 的 得 询 结果 就 是 0: 

G. SELECT COUNT (Code) FROM Category 


另外 COUNTO 函 数 计数 时 并 不 会 考虑 值 是 否 重 复 的 问题 ， 例 如 ， 假 设 Goods 表 中 只 
有 两 条 记录 ， 且 它们 的 Title 学 段 值 相同 ， 那 么 下 面 语句 HH 的 结果 是 2， 而 不 是 1。 


H. SELECT COUNT (TITLE) FROM Goods 
如 果 希 望 去 掉 重 复 ， 就 要 用 到 DISTINCT 关键 字 ， 假 如 下 面 语 名 工 的 查询 结果 只 有 1 
条 记录 ， 那 么 下 面 语句 丁 的 结果 就 是 1: 


I. SELECT DISTINCT Title FROM Goods 
J. SELECT COUNT (DISTINCT Title) FROM Goods 


LINQ 用 Distinct(0 方 法 实现 去 重 ， 例如， 上 述 两 条 语句 对 应 的 LINQ 语句 为 


db.Goods.Select (g => g.Title) .Distinct (); 
db.Goods.Select (g => 9g.Title) .Distinct() .Count () ; 


在 一 条 SELECT 语句 中 可 以 有 多 个 统计 函数 ， 例 如 ， 下 面 语 句 开 的 结果 是 (用 户 名 数 
2， 身 份 证 数 0， 平 均 存 款 6.5): 

K. SELECT COUNT (UserName), COUNT (IDCard), AVG (Deposit) FROM Users 

人 不过， 单条 LINQ 语句 是 不 能 使 用 多 个 统计 函数 的 。 当 然 ， 单 个 统计 函数 不 允许 有 多 
个 字段 作为 参数 ， 例 如 下 面 语句 工 就 是 错误 的 : 

L. SELECT COUNT (UserName, IDCard) FROM Users 

COUNTO 函 数 有 一 个 特殊 的 参数 “*”， 用 于 表示 整 条 记录 ， 此 时 必然 返回 记录 数 ， 而 
不 会 考虑 字段 重复 或 NULL 的 问题 ， 因 此 上 述 语句 B 实际 对 应 的 SQL 语句 为 

M. SELECT COUNT (*) FROM Goods WHERE IsOff=0 

确实 需要 以 多 个 字段 的 值 作为 统计 参数 的 ， 可 以 考虑 用 表达 式 将 字段 拼装 到 一 起 ， 例 
如 下 面 的 语句 N (注意 任何 值 和 NULL 进行 运算 后 的 结果 都 是 NULL ): 

N. SELECT COUNT (UserName + IDCard) FROM Users 

一 个 显然 的 限制 是 不 能 混合 使 用 普通 字段 和 集合 函数 ， 考 卡 下 和 面 语句 O 的 执行 结果 : 

O. SELECT COUNT(*), Title FROM Goods 

函数 COUNT (*) 的 结果 是 一 个 值 ， 对 应 Goods 表 中 的 所 有 记录 ， 那 么 结果 集中 的 
Title 字段 值 该 对 应 哪 条 记录 呢 ? 所 以 ， 上 述 语句 O 是 非法 的 ， 这 个 限制 对 于 LINQ 语句 来 
说 也 一 样 。 
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2) 显示 统计 信息 
在 LLS.BLL 项 目 中 添加 UsersService 服务 类 ， 继 承 BaseService 服务 基 类 ， 在 其 中 添 
加 CountUsers0 方 法 ， 具 体 代 码 为 


public int CountUsers () 
{ 
int cnt = -1 
string roleName = Consts.Roles.User; 


try  ”//vw_Users 为 用 户 视图 


{ 
cnt = db.vw Users.Where(u => u.RoleName == roleName) .Count () : 
} 
catch (Exception exp) 
{ 
SetError (exp); 
} 
return cnt; 


} 

商品 分 类 和 商品 统计 信息 的 处 理 方法 与 此 类 似 , 在 CategoryService 和 GoodsService 服 
务 类 中 分 别 添 加 CountCategory0 和 CountGoods() 方 法 。 

订单 的 统计 则 分 为 三 种 情况 : 所 有 订单 、 待 发 贡 订 单 和 《已 发 贡 ) 每 确认 订单 ， 在 
OrdersService 服务 类 中 添加 相应 的 CountOrders(0) 方 法 ， 人 代码 为 


public Int CountOrders (string os ) 


{ 
int cnt = -1; 
try 
{ 
if (os == Ordersstate.All) / /如 果 获 取 所 有 状态 的 订单 统计 数据 
{ 
cnt = db.orders.Count ()}); 
} 
else / /获取 指定 状态 的 订单 统计 数据 
{ 
cnt = db.orders.Where(o => o.State == 0o05) .Count ();} 
} 
} 
catch (Exception exp) 
{ 
SetLETTOF (exp); 
} 
return cnt; 
} 


上 述 代码 中 的 LINQ 语句 可 能 会 出 现 编译 错误 ， 提 示 char 类 型 与 string 类 型 无 法 用 一 
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上 较 ， 这 是 因为 Orders 实体 类 的 State 属性 默认 为 char 类 型 ， 而 参数 os 为 string 类 型 。 打 
开 LSS.DAL 中 的 Entity.dbml 设计 界面 , 选中 Orders 类 中 的 State 属性 , 在 属性 窗口 中 把 类 
型 修改 为 string 即 可 ， 如 图 16-3 所 示 。 


属性 要 下 亩 
State 成 员 尾 性 加 
-A 
i 服务 误 数 据 尖 型 NChar() NOT NULL 和 
eo 更 新 检查 始终 
ser ame 从 了 
Ek CreateTime 条 
Eb payTime 为 null False 
E shipTime EE i (ystemstring) 加 
pb ShipIvilan 名 称 state 
pb CloseTime 时 间 戴 l False 
Ek Closewvlan 下 0 吉 False 
Ek State 源 state 
pp Address 内 访 False 
Pb Recipient 主键 False 
Fp phone 自动 生成 的 值 False 
PP Totalprice 自动 同步 从 不 
Ee sa 
ie 成 员 属 性 的 类 型 。 


图 16-3 ”修改 State 属性 为 string 类 型 


获取 订单 金额 的 ean ee CountOrders0 方 法 基本 相同 ， 将 CountO 集 合 函 数 
从 换 成 SumO 集 合 函 数 即 可 。 注 意 上 述 代 但 中 的 OrdersState 类 定义 在 LSS.Entities 项 目 中 ， 
采用 静态 类 和 入 Pen 

完成 统计 方法 后 ， 在 Admin/Defaultaspx 页 面 的 后 人 台 Page Load0 方 法 中 便 可 以 调用 这 
些 统计 方法 完成 统计 信息 的 显示 ， 有 具体 代码 如 下 : 


protected vold Page Load (object sender, EventArgs e) 


{ 


TL 


{ 


(!IsPostBack) 


UsersService usrSvr = new UsersService(); 

GooOdsService goodsSsvr = new GoodsService (); 

CategoryService catsvr = new CategoryService (); 

OrdersService ordSsvr = new OrdersService(); 

lbUsercnt -Text = string. Format ("{10} 位 "， USTSVF -COUnLUSeTrS ()) ， 
1bCategoryCnt .Text = string.Format ("{0} 类 ", catSsvr.CountCategory()); 
lbGoodsCnt.Text = string. Format (™{0} 件 " : goodssvr.CountGoods ()); 
lborderscnt .Text = string.Format (" 共 {0} 笔 价值 {1} 元 "， 


ordSsvr.Countorders (Ordersstate.All)., 
OrdSvIr.Sumorders (Ordersstate.All)); 


lbPaidOrdersCnt.Text = string.Format(" 共 {0} 笔 价值 {1} 元 "， 


OrdSVT .CountOraders (Ordersstate .Pald), 


ordSvr .SUmOrdeTrs (OrdersState -Pald)y }; 


1bSshippedorderscnt .Text = string.Format (" 共 {0} 笔 ， 价 什 111 元 "， 


ordSsvr.Countorders (OrdeTrsState .Shl1pped) ， 
ordSVvT .SUumOrdeTrs (OrdersState .-Shlpped) ) ; 
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} 

3. 用户 管 理 

_ 般 来 说 ， 后 台 管理 对 象 应 该 以 列表 方式 呈现 ， 另 外 考虑 到 管理 对 象 数量 众多 ， 因 此 
有 必要 提供 查找 功能 。 以 Admin/Users.aspx 用 户 管理 页 面 为 例 ， 管 理 界面 如 图 16-4 所 示 ， 
从 上 到 下 依次 是 得 找 用 户 区 、 工 具 栏 、 用 户 列 表 。 


注册 日 期 : 2015-4-1 ”前 色 : 全 部 用 户 Y 关键 字 ， 审核: 全部” 锁定: 全 部 " 


六 批量 审核 ”入 批量 弃 审 。 专 批量 解锁 


由 用户 名 ”角色 ”电子 邮件 注册 日 期 姓名 审核 ”锁定 最近 登 录 余额 

加 sellear2 Seller 2015-08-07 ”客服 小 二 lf 2015-06-07  ¥0.00 

局 user2 User user? 人 hen com 2015-07-30 ”顾客 二 号 国 2016-03-25  ¥78, 427.00 
[buyerl Buyer buyer 加 ss com ”2015 人 07-21 ”超级 采购 Ea 2016-09-26  ¥0.00 
0 Ed 2017-04-12  ¥0.00 


[二 * | 1 ~» 六 六 
图 16-4 “分 页 用 户 后 台 管 理 界面 效果 图 


1) 碍 找 用 户 

考虑 管理 员 在 哪些 情况 下 需要 查找 用 户 , 从 而 确定 查找 条 件 为 : 注册 日 期 关键 学 ( 包 
括 用 户 名 、 真 实 姓 名 和 电子 邮件 等 )、 审 核 状 态 、 锁 定 状 态 ， 以 及 用 户 角 色 。 查 找 区 域 安排 
在 工作 区 最 上 方 ， 使 用 单行 表格 布局 。 

注册 日 期 和 关键 字 查 找 条 件 的 输入 用 ASPNET 文本 框 控 件 ， 页 面 代 码 如 下 : 


<th> 注 册 日 期 :</th> 

<td><asp:textbox 1ld="tbCreateDate™" CssClass="date picker common-text" 
runat="server"> 

</asp:textbox></td> 

<th> 关 键 字 :</th> 

<td><asp:textbox 1d="tbKey" cssclass="common-—text"™" runat="server"></asp:textbox> 
</td> 


其 中 注册 日 期 使 用 了 一 个 中 文 jQuery 日 期 控件 ， 震 要 在 admin.master 母 版 员 中 引入 该 控件 
的 js 库 和 样式 : 
<link href="../Sstyles/calender.css" rel="stylesheet"™ type="text/css"™" /> 
<script type="text/Javascript™ src="../Scripts/Jquery.date input.pack.]s"> 
“serints 
为 了 使 用 日 期 控件 , 还 需要 在 页 面 代码 中 通过 jQuery 初始 化 方法 为 这 个 文本 框 控 件 绑 
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<script type="text/Javascript"> 
$ (function() { // 页 面 载 入 后 执行 这 个 JS 函数 
$ ('.date picker') .date input(); // 为 应 用 date picker 样式 类 的 控件 绑 定 日 期 控件 
}); 
</script> 


为 了 确保 输入 正确 ， 审 核 状 态 、 锁 定 状 态 和 用 户 类 型 会 找 条 件 的 输入 采用 ASPNET 
下 拉 框 。 还 需要 考虑 用 户 可 能 不 布 望 限制 状态 ， 所 以 在 “是 ”和 “人 否 ”的 选项 乙 外 增加 了 
“全 部 ”选项 。 以 审核 状态 下 拉 框 为 例 ， 其 页 面 代码 如 下 : 


<th> 审 核 :</th> 

<asp:dropdownlist 1id="ddlIsApproved™" cssclass="common—select"™" runat="server"> 
<asp:ListItem Text=" 全 部 " Value="-1" Selected="True"></asp:ListItem> 
<asp:ListItem Text=" 通 过 " Value="1l1" Selected="False"></asp:ListItem> 
<asp:Listitem Texzt=" 术 和 通过" Value="0" Selected="False"™y</aspiLlistitenms 

</asp:dropdownl1st> 


查找 用 户 需 要 综合 aspnet Membership、Users、aspnet UsersInRoles 和 aspnet Roles 表 ， 
考虑 建立 视图 vw_Users， 相 应 的 查询 SQL 语句 (不 考虑 一 个 用 户 属于 多 个 角色 的 情况 ) 
如 下 : 


SELECT m.UserId, m.Email, m.IsApproved, m.IsLockedOut, m.CreateDate, 
m.LastLoginDate, u.RealName, u.Deposit, u.IDCard, u.UserName, 
ur.Roleld, Ir.RoleName 

FROM dbo.aspnet Membership AS m INNER JOIN 
dbo.Users AS u ON m.Userld = u.UserID INNER JOIN 
dbo.aspnet UsersInRoles AS ur ON m.UserlId = ur.UserlId INNER JOIN 
dbo.aspnet Roles AS rr ON ur.Roleld = r.Roleld 


在 服务 器 资源 管理 器 中 找到 这 个 视图 , 将 其 拖 放 到 Entity.dbml 中 ， 从 而 添加 vw_Users 
实体 类 。 在 UsersService 类 中 添加 GetUsers(0) 方 法 ， 返 回 List<vw Users> 型 的 查询 结果 ， 有 具 
体 代 人 为 


/// <summary> 

/// 获取 用 户 清单 

/// </summary> 

/// <param name="key"> 信 询 条 件 ， 关键 字 ， 可 以 为 空 。</param> 

/// <param name="createDate"> 查 询 条 件 : 创建 日 期 ， 获 取 创 建 日 期 之 后 (>=) 的 用 户 。 
< /Param> 

/// <param name="isApproved"> 查 询 条 件 : 是 否 通过 审核 ， 可 以 为 空 。</Pparam> 

/// <param name="isLocked"> 但 询 条 件 ， 是 否 锁定 ， 可 以 为 空 。</Vparam> 

/// <param name-"roleName"> 查 询 条 件 : 所 属 角色 ， 可 以 为 空 。</Param> 

public List<vw Users> GetUsers (string key, bool? 1isApproved, bool? isLocked, 


DateTime? createDate, string roleName) 


List<vw Users> 11i3t = mill 
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try 


Var ugq=db.vw Users.AsQueryable(); // 毋 取 vw Users 的 可 查询 接口 
/ /根据 查询 参 数 是 否 为 空 ， 为 可 但 询 接 口 添 加 相应 的 查询 条 件 
1f (!string.IsNullorEmpty (key)) ug = ug.Where (u => u.UserName.Contains (key) 
[|| u.Email.Contains (key) || u.RealName.Contains (key)); 
1f (1sApproved.HasValue) ug = ugq.Where (u => u.IsApproved == 1sApproved); 
1f (isLocked.HasValue) ug = ug.Where(u => u.IsLockedOout == lsLocked); 
1f (createDate.HasValue) ug = ugq.Where(u => u.CreateDate >= createDate); 
if (!string.IsNullorEmpty (roleName)) udq = ug.Where(u => u.RoleName == 
roleName);} 
list = ugq.ToList(); // 执 行 碍 询 ， 获 取 结 果 

} 

catch (Exception exp) 

{ 
SetError (exp，" 但 询 用 户 失 败 。"); 

} 


return 11ist: 


} 


注意 上 述 代 码 中 以 下 的 三 个 常用 编程 技巧 : 

(1) crateDate 参数 是 “DateTime?” 类 型 ，isApprove 和 isLocked 参数 都 是 “bool?” 类 
型 ， 类 型 后 面 的 “? ”了 吏 是 允许 变量 值 为 衬 的 意思 。 人 允许 空 的 变量 ， 可 以 用 HasValue 属性 
来 判断 其 值 是 否 非 空 〈 即 不 等 于 null)。 

(2) 数据 库 中 DateTime 类 型 字段 值 市 有 且 体 时 间 ， 如 2016-8-10 12:03:04， 参 与 日 期 


比较 时 


般 不 使 用 “= 二 =” 运算 从 ， 例 如 上 述 代码 中 用 了 “>=” 运 算 从 来 比较 CreateDate。 


(3) LINQ 的 Where0 方 法 不 会 执行 真正 的 查询 动作 ， 而 是 返回 一 个 Queryable 对 象 。 
Queryable 对 象 可 以 执行 Where() 方 法 添加 查询 条 件 ， 利 用 这 个 特性 可 以 根据 参数 情况 实现 
动态 添加 多 个 查询 条 件 。 最 后 在 调用 ToList(0 方 法 时 ，Queryable 对 象 才 真正 执行 数据 库 查 
询 动 作 。 

基于 GetUsers() 方 法 可 以 完成 查找 按钮 的 单 击 事件 处 理 ， 有 具体 代码 如 下 : 


protected vold btSearch Click(object sender, EventArgs e) 


{ 


UsersService svr = new UsersService(); 


// 从 输入 控件 提取 食 询 参数 

DateTime? createDate = Ut1ils.ToNullableDate (tbCreateDate .Text).; 

string key = Ut1ils.ToNullablestring (tbKeY -Text) :; 

bool? isApproved = Utils.ToNullableBoolean (ddlIsApproved.sSelectedValue); 
bool? isLocked = Utils.ToNullableBoolean (ddlIsLocked.SelectedValue).; 
string roleName = Utils.ToNullablestring (ddlRoleName.SelectedValue); 
// 调 用 GetUsers () 方 法 ， 获 取 用 户 清单 ， 绑 定 到 Repeater 控件 的 数据 源 属性 
rpUser.DataSsource = svr.GetUsers (key, 1i1sApproved, isLocked, createDate, 


roleName); 
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rpUser.DataBind(); 
} 


上 述 代 码 中 的 Utils 类 为 日 定义 工具 类 ， 类 似 于 MPMM 中 CommonTools 类 ， 提 供 一 
些 名 用 的 且 与 业务 逻辑 无 关 的 方法 。 其 中 ToNullableXXXO0 方 法 用 于 将 特定 字符 串 值 转换 
成 可 为 null 的 对 应 类 型 值 。 例 如 ， 其 中 ToNullableBoolean(0) 方 法 的 实现 代码 为 

/// <summary> 

/// 根据 字符 串 ， 转 换 成 对 应 的 Nullable 的 逻辑 型 

/// </summary> 

/// <paramname="value"> 字 符 串 : -1 表示 null, 0 表示 false, 其 他 表示 true。</param> 


public static bool? ToNullableBoolean (string value) 


{ 
switch (value) 
{ 
case "1": return null; 
case "0": return false; 
default: 
return true; 
} 
} 


通过 这 些 转换 方法 ， 输 入 控件 的 内 容 才 能 从 全 GetUsers() 方 法 的 参数 要 求 。Utils 目 定 
义工 具 类 定义 在 LSS.Entities 项 目 中 ， 便 于 LSS 的 所 有 项 目 使 用 。 

2) Repeater 控件 

上 述 查 找 用 户 代 人 码 中 ,通过 GetUsers(0) 方 法 获取 的 用 户 清 单 绑 定 到 了 m 和 User 控件 的 
DataSource 属性 ，rpUser 控件 负责 展示 用 户 列 表 ， 但 它 不 是 KPIs 中 使 用 过 的 GridView 控 
件 ， 而 是 一 个 ASPNET 的 Repeater 控件 。 

GridView 控件 具有 功能 强大 、 使 用 方便 的 优点 ,但 其 生成 的 页 面 代码 比较 复杂 ， 要 实 
现 目 定义 界面 比较 困难 。 为 此 ，ASPNET 提供 了 Repeater 控件 ， 相 当 于 一 个 不 市 任何 预定 
义 展示 模板 的 GridView 控件 。 开 发 人 员 可 以 为 Repeater 控件 定义 展示 一 条 记录 的 项 模板 
(ItemTempalte)，Repeater 控件 会 根据 记录 集 使 用 项 模板 目 动 生成 最 终 的 列表 。 

整个 用 户 列表 采用 Table 布局 ， 每 一 个 用 户 为 表格 中 的 一 行 ， 相 应 页 面 代码 框架 如 下 : 


<table class="result-tab"> 
<tr> 
<!-- 标 题 行 -=-> 
下 


<asp:Repeater ID="rpUser"™ runat="server"> 


<ItemTemplate> 
<Lr> 
<!-- 内 容 行 ， 对 应 一 条 记录 --> 
< /七 > 
</ItemTemplate> 


</asp:Repeater> 
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</tables> 


其 中 的 rppUser 控件 会 根据 绑 定 数据 源 (DataSource)， 为 每 条 记录 生成 ItemTemplate 中 的 
HTML 代码 ， 即 上 述 <tr><! 一 内 容 行 一 ></tr> 的 内 容 。 

标题 行 中 的 第 1 列 是 一 个 HIML 复 选 框 元 素 ， 因为 该 复 选 框 仪 用 于 客户 痪 操作 ， 因 此 
将 用 J 脚本 来 实现 全 选 或 全 不 选 所 有 行 的 功能 。 访 标题 行 第 1 列 的 页 面 代 码 为 


<th classs="Le "> 
<input id="chkSelectAll™ type="checkbox™ /> 
</th> 


为 了 能 让 Repeater 控件 根据 数据 源 生成 相应 的 内 容 ， 必 须 使 用 数据 源 绑 定 的 语法 来 为 
项 模板 中 的 ASPNET 控件 指定 显示 内 容 。KPIs 中 已 经 介绍 过 Eval0 和 Bind0 两 种 绑 定 方法 ， 
用 户 列表 中 仅 用 于 显示 , 所 以 采用 Eval0 绑 定 方法 。 上 述 项 模板 中 <tr>…</t> 中 的 具体 内 容 
行 页 面 代码 为 


<td class="tc"><asp:CheckBox ID="chkSelect™"™ CssClass="chkSelect" 
runat="server"/></td> 
<td><asp:Label ID="Labell™" runat="server™" Text="'<$%# Eval ("UserName™.")$>"'> 
</asp:Label></td> 
<td><asp:Label ID="Labelli™ runat="server" 
Text="'<$# Eval ("RoleName")®%>'></asp:Label></td> 
<td><asp:Label ID="Label2" runat="server™ Text="'<$®# Eval ("Emalil™")$>'> 
</asp:Label></td> 
<td><asp:Label ID="Label3" runat="server" 
Text="'<$# Eval ("CreateDate™, "“{O0:yyyYy-MM-dd}")%>'></asp:Label></td> 
<td><asp:Label ID="Label4" runat="server" 
Text="'<$# Eval ("RealName")®%>'></asp:Label></td> 
<td class="tc"><asp:CheckBox ID="chklsApproved™" 
ToolTip="<$# Eval ("UserName")$®>"' runat="server" 
Checked="'<%$# Eval ("IsApproved")®%$>" 
oncheckedchanged="chklIsApproved CheckedChanged™” AutoPostBack="true"/> 
</td> 
<td class="tc"><asp:CheckBox ID="chklIsLocked™” runat="server" 
AutoPostBack= "true" ToolTip="'<$# Eval ("UserName")$> 
'Checked="<$%®# Eval ("IsLockedout"™"™)$>"'Enabled="'<$# Eval ("IsLockedOut"™) 外 > ， 
oncheckedchanged="chkIsLocked CheckedCchanged™"/> 
</td> 
<td><asp:Label ID="Labely" runat="server”" Text= 
'<$S# Eval ("LastLoginDate™, "“v{0:yyyy-—-MM-—dd}")$>'></asp:Label></td> 
<td><asp:Label ID="Label6" runat="server" 
Text="<$# Eval ("Deposit"™, vw¥ {0:N2}")$>'></asp:Label></td> 


上 述 代 人 码 中 ,第 1 列 是 1 个 ASPNET 复 选 框 控件 ， 批 量 操作 时 用 于 选择 操作 行 。 还 有 
一 些 是 仅 用 于 显示 字段 值 的 Label 控件 列 , 例如 卫 为 Label3 的 Label 控件 用 于 显示 注册 日 
期 ， 其 绑 定 到 Text 属性 的 表达 式 为 <%# Eval("CreateDate", "{0:yyyy-MM-dd}")%>， 表 明 比 
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定 对 应 数据 源 中 的 CreateDate 属性 ， 同 时 还 附加 了 一 个 显示 格式 化 的 参数 {0:yyyy- 
MM-dd}. 

至 于 第 7 列 中 的 复 选 本 有 两 个 作用 : 一 是 显示 数据 IsApproved 属性 值 ， 二 是 管理 员 单 
击 复 选 框 时 执行 审核 或 径 审 该 用 户 的 操作 。 第 1 点 只 要 通过 Checked=-'<9%# Eval 
("IsApproved")%>' 绑 定语 法 束 可 以 实现 。 第 2 点 需要 在 管理 员 单 击 复 选 框 时 触发 PostBack 
( 回 发 )， 由 服务 端 处 理 。 所 以 需要 将 复 选 框 的 AutoPostBack 属性 值 设 为 tue， 同 时 为 
oncheckedchanged 事件 绑 定 回 发 事件 处 理 方法 chkIsApproved CheckedChanged0; 处 理 时 还 
需要 知道 被 审核 或 弃 审 的 用 户 名 ， 这 通过 为 复 选 框 ToolTip 属性 绑 定 用 户 名 字段 来 实现 ， 
具体 绑 定 语法 为 ToolTip 一 <%# Eval("UserName'")%0>'。 有 具体 回 及 事件 处 理 方 法 的 代码 如 下 : 


protected void chkIsAPProved CheckedChanged(object sender, EventArgs e) 


{ 
CheckBox chkApproved = sender as CheckBox; // 触 发 者 为 CheckBox 
string userName = chkApproved.ToolTip; // 从 ToolTip 属性 获取 绑 定 的 用 户 名 


MembershipUser usr = Membership.GetUser (userName) ; / /获取 对 YMembershipUser 对 象 
1f (usr != null && usr.IsApproved != chkApproved.Checked) 


{ 
usr.IsApproved = chkApproved.Checked; / /修改 MembershipUser 对 象 的 IsApproved 属性 
Membership.UpdateUser (usr); // 调 用 Membership 方法 更 新 回 数 据 库 
} 
} 


第 8 列 用 于 解锁 用 户 的 复 选 枉 ， 和 上 述 第 7 列 的 复 选 框 工作 原理 基本 相同 ， 区 别 是 锁 
定 用 户 的 动作 是 ASPNET 成 员 资 格 自 动 处 理 的 (用 户 多 次 输入 密码 错误 时 会 自动 锁定 )， 
所 以 管理 员 只 需要 解锁 操作 。 实 现 方法 是 为 复 选 杠 Enabled 属性 绑 定 “ <%# 
Eval("IsLockedOut")%>”， 从 而 在 用 户 被 锁定 时 对 应 复 选 框 才 会 生效 。 
另外 ， 用 户 IsLockedOut 锁定 状态 属性 是 只 读 的 ， 所 以 无 法 用 修改 用 户 IsApproved 审 
核 状 态 属性 的 方法 来 实现 解锁 ,而 需要 调用 用 己 对 象 的 Unlock0 方 法 ， 具 体 解 锁 代 人 码 如 下 : 
protected vold chkIsLocked CheckedChanged (object sender, EventArgs e) 
| 
string userName = ( (CheckBox) sender) .ToolLT1IP:; 
MembershipUser usr = Membership.GetUser (userName); 
1f (usr != null && usr.IsLockedOut) 
| 
usr.UnlockUser():; // 解 锁 用 户 
} 
} 
3) 工具 栏 
工具 栏 通常 提供 新 增 记录 、 批 量 审核 、 批 量 删除 之 类 的 操作 ， 例 如 ， 用 户 管理 工具 栏 
有 批量 审核 、 批 量 弃 审 、 批 量 解锁 三 个 LinkButton 控件 ， 上 具体 的 页 面 代 人 码 为 


<dlivy class="result—-l1ist"> 
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<asp:LinkButton ID="btApprove" runat="server" onclick="btApprove Click"> 

<i class="icon-font">&#xe01f;</i> 批 量 审核 </asp:LinkButton> 
<asp:LinkButton ID="btUnApprove" runat="server" onclick="btUnApprove 
Click"> 

<i class="icon-font">&#xe020;</i> 批 量 弃 审 </asp:LinkButton> 
<asp:LinkButton ID="btUnlock™" runat="server™" onclick—="btUnlock Click"> 

<i class="icon-font">&#xe015;</i> 批 量 解锁 </asp:LinkButton> 

</div> 


批量 操作 需要 用 户 义 选 第 1 列 中 的 复 选 框 来 指定 批量 操作 的 行 ， 或 者 单 击 标题 栏 中 的 
复 选 框 来 全 选 或 全 不 选 所 有 行 。 为 此 ， 青 要 为 标题 栏 的 复 选 框 添 加 客 己 站 的 JS 事件 处 理 ， 
批量 切换 第 1 列 的 所 有 复 选 框 状态 ， 通 过 基于 jQuery 的 JS 脚本 来 解决 这 个 问题 ， 在 
Users.aspx 页 面 中 添加 如 下 代码 : 


<script type="text/Javascript"> 


$ (function() { // 页 面 载 入 后 执行 这 个 Js 函数 
$ ("#chkselectAl1") // 使 用 ID 选择 器 选择 标题 栏 的 复 选 框 
.Click (function() { // 使 用 click() 方 法 为 复 选 框 添加 单 击 事件 处 理 
$ (" .chkSelect input:first-child") / /选中 第 1 列 的 所 有 复 选 框 
.attr ("checked™", this.checked):; / /设置 这 些 复 选 框 的 checked 属性 值 
}); 
}); 
</script> 


上 述 代 人 码 使 用 jQuery 的 ID 选择 需 选 择 标题 栏 的 复 选 枉 ， 然 后 用 click0) 方 法 为 其 指定 
单 击 的 JS 事件 处 理 代 但 。 由 于 使 用 了 jQuery， 所 以 事件 处 理 代 但 只 有 一 条 语句 : 使 用 类 选 
择 需 选中 第 1 列 的 所 有 复 选 枉 ， 用 attr0) 方 法 设置 它们 的 checked 属性 为 标题 栏 复 选 枉 〈 即 
表示 触发 事件 的 this 对 象 ) 的 checked 属性 值 。 

注意 jQuery 选择 髓 的 结果 是 一 个 集合 , 无 须 循 环 就 可 以 实现 对 集合 中 的 所 有 对 和 象 执行 
统一 的 操作 。 但 在 使 用 jQuery 选择 堪 的 时 候 需 要 注意 ，jQuery 操纵 的 是 HTML 元 素 ， 而 
ASPNET 控件 和 对 应 HIML 元 素 之 间 的 不 一 定 是 简单 的 对 应 关系 。 例 如 用 户 管理 第 1 列 
复 选 框 生 成 的 HTML 元 素 定 义 代码 如 下 《〈 通 过 浏览 右 的 “ 奏 看 源 文 件 ” 命 令 ): 


<Span class="chkSelect"> 
<input 1id="MainContent AdminContent rpUser chKkSelect 1" type="checkbox" 
name="ctl00s$ctl00$MainContent$AdminContent$rpUsers$ctl0lschkSelect™ /> 
</span> 


关注 上 述 代码 中 以 下 两 个 关键 点 。 

(1) 一 个 ASPNET CheckBox 控件 对 应 <span> 元 素 和 峰 套 在 <span> 元 素 中 的 <input> 元 
素 ， 而 CheckBox 控件 的 CssClass 样式 属性 对 应 的 是 <span=> 元 素 的 class 属性 ， 所 以 无 法 用 
jQuery 的 类 选择 元 来 选中 真正 的 复 选 框 <inpuf 元 系 。 

(2) <input> 元 素 id 属性 值 是 在 ASPNET CheckBox 控件 ID 属性 值 基础 上 添加 前 后 组 
构成 的 ， 所 以 无 法 直接 用 CheckBox 控件 的 ID 属性 值 作 为 jQuery 的 卫 选择 峪 参数 。 
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因此 ,代码 中 使 用 了 jQuery 子 选择 器 ,选择 样式 为 chekSelect 的 元 素 内 部 第 1 个 <input> 
元 素 ， 即 $(".chkSelect input:first-child")， 这 样 才 能 成 功 地 选中 目标 <input> 元 素 。 

在 用 户 单 击 工具 栏 按钮 触发 服务 端 事件 的 处 理 中 ， 需 要 获取 所 有 被 选中 的 行 ， 这 需要 
通过 遍历 Repeater 控件 的 Iems 属性 ， 依 侈 检查 其 中 的 CheckBox 控件 是 否 被 勺 选 。 例 如 ， 
批量 解锁 的 后 台 代 但 如 下 : 


protected void btUnlock Click(object sender, EventArgs e) 


{ 
foreach (RepeaterItem item in rpUser.Items)// 通 历 Repeater 控件 生成 的 每 一 行 


{ 
if (item.ItemType == ListItemType.Item  // 如 果 是 正常 的 内 容 行 
1|| item.ItemType == ListItemType.AlternatingItem) 


// 找 到 行 里 面 的 省 列 chkselect 控件 和 锁定 状态 的 chkIsLocked 控件 
CheckBox chkSelect = item.FindControl ("chkSelect") as CheckBox; 
CheckBox chkIsLocked = item.FindControl ("chkIsLocked") as CheckBox:; 
/ /如 果 这 一 行 的 首 列 chkSelect 被 选中 ， 并 且 锁 定 状 态 是 true 的 ， 才 需要 解锁 
1f (chkSelect.Checked && chkIsLocked.Checked) 
{ 
string userName = chkIsLocked.ToolTip; / /获取 用 户 名 
MembershipUser usr = Membership.GetUser (userName);  // 获 取 用 户 对 象 
if (usr != null && usr.IsLockedout) /7 成 功 获取 用 户 对 象 ， 并 且 该 用 户 是 被 锁定 的 
{ 
usr.UnlockUser(); // 和 解锁 
} 
// 更 新 这 一 行 的 chkIsLocked 控件 状态 ， 保 持 和 用 户 锁 定 状 态 的 一 致 性 
chkIsLocked.Checked = false; 


} 


男 册 个 工具 栏 批量 审核 和 批量 弃 审 按钮 的 实现 方法 基本 相同 ， 不 再 次 述 。 

4. 用 户 列 表 分 页 

当 列 表 中 行 数 较 多 时 ， 通 常 需要 采用 分 页 显示 的 方式 ， 否 则 过 多 的 数据 展示 在 一 个 页 
面 ， 不 但 会 增加 系统 负担 ， 而 且 会 让 用 户 无 所 适 从 。 下 面 对 用 户 管理 页 面 进行 分 页 改造 。 

1) 分 页 沁 辑 

要 确定 在 某 一 页 中 展示 的 数据 需要 2 个 参数 : 一 个 是 每 页 记录 数 (PageSize)， 另 一 个 
是 请 求 的 页 公 (CurrentPage)。 获 取 指 定 分 页 数据 的 基本 方法 可 以 分 为 两 类 。 

(1) 从 数据 库 获 取 所 有 数据 ， 然 后 在 BLL 层 的 方法 中 丢弃 所 有 非 请 求 页 码 的 数据 。 例 
如 ASPNET 的 GridView 控件 的 自动 分 页 功 能 就 是 这 个 原理 。 显 然 这 种 方式 浪费 了 太 多 资 
源 ， 只 适用 于 数据 量 较 小 的 情况 。 

(2) 仅 从 数据 库 获 取 指 定 页 码 的 数据 ， 这 时 又 分 为 两 种 情况 : 
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(JJ DBMS 再 接 文 持 分 页 的 获取 ， 例 如 SQL Server 2005 版 本 开始 提供 的 
ROW NUMBERO 函 数 。 

( DBMS 不 直接 文 持 分 页 的 获取 ， 需 要 采用 一 些 变通 的 方法 ， 例 如 两 边 夹 排序 法 。 

在 LSS 中 ， 采用 ROW_NUMBER0O 函 数 来 实现 分 页 ， 获 取 分 页 用 尸 列 表 的 SQL 话 
何 为 


SELECT UserId，Emal1，IsApProved，IsLockedout ，CreateDate，LastLogqlnDate， 
UserName, RealName, Deposit, IDCard, RoleName 
FROM ( 
SELECT ROW NUMBER() OVER (ORDER BY CreateDate DESC) AS [ROW NUMBER], 
UserId,FEmail, IsApproved, IsLockedOout, RoleName, CreateDate, LastLoginDate, 
UserName, RealName, Deposit, IDCard 
EROM Vw Users 
WHERE (key IS NULL OR UserName LIKE ‘'%" + QKev + 要” OR 
RealName LIKE ‘'‘$' + QKey + ‘'$®' OR Email LIKE '$' + Qkey + '$') 
AND (QisApproved IS NULL OR IsApproved = @1isApproved) 
AND (@isLocked IS NULL OR IsLockedOut = @1lisLocked) 
AND (lcreateDate IS NULL OR CreateDate >= (createDate) 
AND (aroleName IS NULL OR RoleName = (@roleName) 
) AS TU 
WHERE [ROW NUMBER| BETWEEN Qpagesize* (QcurrentPage-l1) + 1 
AND @pagesSize*@currentPage 
ORDER BY [ROW NUMBER | 


上 述 SQL 语句 由 风 套 会 询 构 成 ， 内 层 人 查询 获取 用 户 列 表 ， 但 ORDER BY 了 于 人 句 被 放 到 
了 SELECT 结果 列 中 作为 OVER 关键 字 的 参数 , 即 ROW NUMBERO OVER (ORDER BY…) 
AS [ROW NUMBER]， 其 含义 是 : 按照 ORDER BY 子 句 规定 顺序 为 每 条 结果 记录 产生 一 
个 行 号 (从 1 开始 )。 

外 层 得 询 从 内 层 租 询 结果 中 过 滤 记 录 ， 因 为 内 层 租 询 结果 有 行 号 字段 ， 所 以 要 获取 特 
定 页 但 的 记录 ， 只 需要 对 行 号 字段 做 限制 惑 可 以 了 。 根 据 PageSize 和 CurrentPage 参数 的 
含义 ， 可 以 计算 出 行 写 应 该 在 PageSizex(CurrentPasge-1)+1 和 PageSize*CurrentPage 之 间 。 

2) L2S 使 用 存储 过 程 

L2S 不 支持 上 述 形 式 的 姐 套 子 查询 ， 但 L2S 支持 存储 过 程 ， 可 以 把 分 页 SQL 查询 语 
人 句 定义 成 一 个 存储 过 程 供 L2S 使 用 ， 具 体 的 存储 过 程 定义 SQL 语句 为 


CREATE PROCEDURE [dbol]. [GetPagedUsersl] 
QRecordCount int output， -- 返 回 记 录 总 数 
@PageSize int, 一 -每 页 多 少数 据 
QcurrentPage int, 一 -当前 页 数 
QcreateDate datetime，-- 查 询 创建 日 期 
@key nvarchar (50) , -- 查 询 关 键 字 
QisaApproved bit，--- 查 询 审 核 状 态 
@isLocked bit,-- 查 询 锁定 状态 
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@roleName nvarchar (50) -查询 角色 名称 
AS 
BEGIN 
SET NOCOUNT ON; 
SELECT QRecordCount = Count (*) FROM vw Users -获取 记录 总 数 以 计算 总 页 人 码 数 
WHERE (@key IS NULL OR UserName LIKE ‘'‘%" + (ikey + “要 OR 
RealName LIKE ‘'‘$' + QKey + '$%' OR Email LIKE '$' + Qkey + '$') 
AND (@isApproved IS NULL OR IsApproved = @1isApproved) 
AND (@isLocked IS NULL OR IsLockedOut = @1isLocked) 
AND (lcreateDate IS NULL OR CreateDate >= (icreateDate) 
AND (GroleName IS NULL OR RoleName = (@roleName) 
SELECT UserId，Email，IsApproved … -- 前 述 获 取 分 页 用 户 列表 的 SQL 语句 
END 


考虑 到 分 页 页 面 还 需要 知道 满足 条 件 的 记录 总 数 ， 以 便 确定 分 页 后 的 总 页 数 ， 
GetPagedUsers 存储 过 程 通过 Output 型 的 @RecordCount 参数 返回 记录 总 数 ， 相 应 地 ， 存 储 
过 程 中 的 第 1 条 SQL 语句 使 用 了 CountO 和 集合 函数 来 获取 这 个 总 数 。 

在 服务 天 资源 管理 耸 中 找到 GetPagedUsers 存储 过 程 ， 然 后 选中 并 拖 动 到 Entity.dbml 
中 ， 存 储 过 程 就 会 成 为 L2S 的 方法 展示 在 设计 器 中 的 “方法 ” 窗 格 ( 如 果 没 有 显示 ， 可 以 
右键 单 击 设计 器 空白 处 ， 在 弹出 窗口 中 选择 “显示 方法 窗 格 ”)， 如 图 16-5 所 示 。 

Entity db + X OO 
^ | 回 GetCatDaySales (System.DateTime beginDate, System.DateTime endDate) 


号 GethagedGoods (ref SystemJnt32 recordCount SystemJnt32 pageSize, SystemJn 
® GetpagedoOrders (ref SystemJnt32 recordCount, SystermJnt32 pageSize, SystemdJr 


一 © GetpagedUsers (ref Systerm lnt32 recordCount, SystemJnt32 pageSize, SystermJnt 
添加 (D) » 
四 ”显示 方法 窗 格 (M) Ctrl+1 
1 » 


图 16-5 ” L2S 中 添加 存储 过 程 形成 DataContext 类 的 方法 


选中 GetPagedUsers(0 方 法 ， 在 属性 设置 窗口 中 查 


看 方法 属性 , 如 图 16-6 所 示 , 可 以 看 到 返回 类 型 为 < 自 。 时 wes gaan 。 ““ 关 
动 生成 的 类 型 ” — 


默认 情况 下 存储 过 程 方法 的 返回 类 型 的 名 称 为 存 。 旧 加 汪汪 汪清 尖 时 
储 过 程 方法 名 加 上 Result 后 组 , 例如 ,GetPagedUsers() Ee 
方法 返回 值 的 类 型 名 为 GetPagedUsersResult。LSS 中 返回 类 型 
GetCatDaySales0 〇 方法 也 使 用 目 动 生成 的 默认 返回 类 型 ee 
值 ， 而 GetPagedOrders() 方 法 则 使 用 Orders 类 型 ， 因 为 5 者 解决 方 .， 团队 资 . 服务 器 ...。 类 视图 
其 返回 的 记录 和 集 了 字段 Orders 实体 关 相 同 。 图 16-6 查看 L2S 方法 的 返回 类 型 属性 

3) BLL 方法 

在 LSS.BLL 项 目的 UsersService 类 中 添加 完成 用 户 分 页 查询 的 GetPagedUsers( 方 法 ， 
具体 的 代码 如 下 : 


/// <summary> 


/// 获取 分 页 用 户 清音 
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/// </summary> 
/// <param name="reccnt"> 返 回 满足 条 件 的 记录 总 数 。</param> 
/// <param name="pageSize"> 指 定 分 页 每 页 记录 数 。</param> 
/// <param name="currPage"> 指 定 页 个 (从 1 开始 )。</param> 
/// <param name="createDate"> 查 询 条 件 : 创建 日 期 ， 获 取 >= 创 建 日 期 之 后 的 用 户 。</param> 
/// <param name="key"> 奋 询 条 件 : 关键 字 ， 可 以 为 空 。</Pparam> 
/// <param name="isApproved"> 查 询 条 件 : 是 否 通过 审核 ， 可 以 为 宅 。</Param> 
/// <param name="isLocked"> 但 询 条 件 ， 是 否 锁定 ， 可 以 为 宝 。</param> 
/// <param name="roleNamen> 查 询 条 件 : 所 届 和 角色， 可 以 为 空 。</param> 
public List<GetPagedUsersResult> GetPagedUsers (out int? recCnt, int? pageSsize., 
int? currPage, DateTime? createDate, string key, bool? 1sApproved, bool? 1sLocked, 


string roleName) 


List<GetPagedUsersResult> 11st = null; 
recCnt = 0，} 
try 
{ 
11st = db.GetPagedUsers (ref recCnt, pageSsSize, currPage, createDate., 
key, lsApproved, lisLocked, roleName) .ToList (); 
} 
catch (Exception exp) 
{ 
SetError (exp，" 查 询 用 户 失 败 。")， 
} 
return list; 
} 
注意 上 述 代码 中 调用 存储 过 程 方 法 的 语句 list = db.GetPagedUsers(…)， 其 中 db 对 象 是 
BaseService 的 属性 ， 也 就 是 EntityDataContext 类 的 实例 对 象 。 
4) 页 但 大 Pager 
分 页 列表 还 应 该 提供 页 人 码 右 (Pager)， 用 于 显示 当前 页 个 ， 以 及 供用 户 选 择 页 人 码 。LSS 
中 使 用 第 三 方 控件 AspNetPager 7.2， 可 以 到 其 官方 网 站 去 下 载 该 控件 的 dl 文件 。 下 载 后 ， 
将 AspNetPager.dll 拖 动 到 VS 工具 箱 中 ， 在 工具 栏 中 就 会 出 现 如 图 16-7 所 示 的 组 件 项 。 
工具 入 -HX 
标准 
站 所 
验证 
导航 
日 写 规 
和 。 指针 


局 hspNHetF ager 


图 16-7 添加 AspNetPager 控件 到 工具 箱 


334 


Web 程序 设计 ASP.NET 项 目 实 训 


从 工具 栏 把 AspNetPager 控件 拖 到 页 面 上 上， 设置 该 控件 的 ID 属性 值 为 pagerUser， 设 
置 AlwaysShow 属性 值 为 Tme， 其 他 属性 采用 默认 值 即 可 。 

pagerUser 控件 的 第 1 个 功能 是 负责 管理 分 页 的 参数 , 包括 每 页 记录 数 和 当前 页 但 。 在 
AdmimUsers.aspx 页 面 的 Page Load0 事 件 中 为 pagerUser 控件 设置 默认 分 页 参数 ， 具 体 代 
但 如 下 : 


protected vold Page Load (object sender, EventArgs e) 
{ 
1f (!IsPostBack) 
{ 
/ /默认 日 期 合 询 条 件 ， 最 近 一 周 
tbCreateDate -Text = DateTime.Today.AddDays (-7) .ToString ("yyyy—-MM-—dd"); 
// 分 页 器 参数 : 每 页 记录 数 
pagerUser.PageSsSize = int.Parsel 
ConfigurationManager.AppSettings ["pagesize"]); 
// 调 用 得 询 按钮 事件 处 理 方法 ， 显 示 默 认 分 页 数据 
blioeareh Clty (lonlLl, Tl lys 


} 


上 述 代 码 中 设置 每 页 记录 数 是 通过 该 取 Web.config 文件 AppSettings 节 中 的 配置 来 确 
定 的 ， 对 应 Web config 文件 中 的 配置 代码 为 


<configuration> 

<appSsettings> 
<add key="PageSsize" Value="10" /> 

</appsSettings> 


</configuration> 


上 述 Page Load0 方 法 代码 最 后 ， 调 用 btSearch 查询 按钮 的 Click 事件 处 理 方 法 获取 第 
1 页 的 数据 并 显示 。 查询 按钮 的 事件 处 理 代 人 码 是 在 非 分 页 基础 上 增加 分 页 参 数 处 理 得 到 的 ， 
事件 处 理 和 载 入 数据 方法 的 具体 代码 为 


/// <summary> 
/// 香 找 按钮 事件 处 理 ， 默 认 获 取 第 工 页 
/1// </summary> 
protected vold btSearch Click(object sender, EventArgs e) 
{ 
pagerUser.CurrentPagelndex = 1l1; 
LoadPagedData (pagerUser.CurrentPagelndex); 
lL 
/// <summary> 
/// 载 入 指定 分 页 数据 
/// </summary> 


private Vold LoadPagedData (int currentPrage) 
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UsersService svr = new UsersServicel})s / /服务 对 象 

/ /整理 查询 参数 

DateTime? createDate = Ut1ils.ToNullableDate (tbCreateDate .Text) ; 

string key = Utils.ToNullablestring (tbKey.Text); 

bool? isApproved = Utils.ToNullableBoolean (ddlIsApproved.SelectedVvalue); 
bool? 1sLocked = Ut1ils.ToNullableBoolean (ddlIsLocked.SelectedValue): 
string roleName = Utils.ToNullablestring (ddlRoleName.SelectedValue); 


/ /分 页 参数 ， 从 分 页 占 获 取 


int? totalcnt; / /返回 的 记录 总 数 
int pageSize = pagerUser.PageSsize; / /每 页 记录 数 


// 调 用 BLL 的 GetUsers () 方 法 ， 绑 定 到 Repeater 控件 的 数据 源 
rpUser.DataSsource = svr.GetPagedUsers (out totalCnt, pageSize, currentPage, 


createDate, key, 1isApproved, lisLocked, roleName); 


rpUser.DataBingd ()，; / /执行 绑 定 动作 ， 生 成 数据 对 应 的 行 
pagerUser.RecordCount = totalCnt .Value;// 设 置 分 页 器 记录 总 数 ， 确 定 需要 的 页 码 清 单 


} 


pagerUser 控件 的 为 1 个 功能 是 在 页 面 上 展示 当前 页 但 、 页 但 选择 清单 ， 当 用 户 指定 一 
个 新 的 页 人 码 时 ，pagerUser 控件 会 触发 一 个 服务 端的 onpagechanged 事件 ， 在 这 个 事件 的 处 
理 代码 中 ， 应 该 根据 pagerUser 控件 新 的 页 人 码 获 取 对 应 分 由 的 数据 。 显 然 ， 这 个 功能 得 
询 按 钮 的 事件 处 理 只 有 页 人 码 不 同 ， 由 于 将 载 入 分 页 数据 的 代 人 码 独 立 为 了 LoadPagedData() 
方法 ，onpagechanged 事件 处 理 方 法 pagerUser PageChanged0 中 只 需要 如 下 一 句 调 用 代码 : 


LoadPagedData (pageTrUSeTr .CUTrTentPageInadeX) : 
为 pagerUser 控件 绑 定 onpagechanged 事件 处 理 方法 后 的 页 面 代 介 如下: 


<webdiyer:AspNetPager ID="pagerUser™" runat="server™" AlwaysShow="True" 


LayoutType="Table”" onpagechanged="pagerUser PageChanged"> 


最 终 的 分 页 展示 效果 如 网 16-4 所 示 ， 特 别 注 意 其 中 列表 下 方 的 页 人 码 颖 展示 效果 。 

S， 其 他 管理 员 功 能 

管理 员 的 业务 操作 功能 还 有 添加 用 户 和 商品 分 类 管理 。 由 于 统计 分 析 并 不 是 开展 网 站 
业务 必需 的 功能 ， 为 尽快 让 LSS 系统 进入 可 运行 状态 ， 将 安排 到 下 一 章 介 绍 。 

添 加 用 户 和 分 类 管理 在 实现 技术 上 并 没有 新 的 内 容 ， 因 此 请 读者 日 行 完 成 开发 。 注 总 
添加 用 户 的 角色 只 能 是 非 顾 客 ， 因 此 和 再 要 修改 UsersService 中 的 CreateUser0 方 法 ， 使 其 文 
持 创 建 其 他 角色 的 用 户 。 


16.3 ”实现 业务 后 台 
业务 后 台 是 采购 员 和 客服 的 工作 平台 ， 其 中 大 部 分 功能 从 实现 技术 上 来 说 和 管理 员 功 


能 类 似 。 下 面 主 要 介绍 涉及 新 知识 的 部 分 ， 其 他 和 内容 请 谈 者 参考 本 书 前 面 的 章节 和 附 市 的 
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1. 本 版 页 

业务 后 台 管 理 有 日 己 的 沫 单 ， 因 此 也 需要 日 己 的 母 版 页 。 在 LSS.Web 下 添加 Back 文 
件 夹 ， 在 其 中 添 加 髓 玛 在 Site.Master 母 版 页 中 的 Back.master 母 版 页 ， 有 共 体 代码 可 以 参考 
Admin/Admin.master 矶 面 。 

1) 动态 菜单 

业务 后 台 的 染 单 再 要 根据 用 户 角 色 来 动态 决定 显示 的 内 容 ， 有 具体 代 但 如 下 : 


<ul Class="SsSldebar-11s 七 "> 
<11 Tunat="serVver" 1d="miGoods"> 
<a href="#"><i class="icon-font">&#xe05f;</i> 商 品 管 理 </a> 
<ul class="sub-menu"> 
<11><a href="Goods.aspx"><i class="icon-font">&#xe02f;</i> 和 商品 列表 </a> 


</11> 
<11><a href="GoodsAdd .aspx"><i class="icon-font">&#xe02a;</i> 添 加 商品 
</a></11> 
/UL> 
</11> 


<11 runat="server" ld="miOrders"> 
<a href="Orders.aspx"><1 class="icon-font">&#xe05c;</i> 订 单 管理 </a></1i> 
<11 runat="server™" ld="miUsers"><a href="Users.aspx"> 
<i class=nicon-fontn>&#xe014;:</> 用 户 管理 </a></11> 
</ul> 
注 世 一 级 瑟 单 项 是 一 个 <] 这 元素, 为 了 能 够 通过 服务 剖 代 人 码 控制 这 个 元 素 , 需要 为 <li> 
标记 添加 runat="Server" 属 性 , 并 指定 ID 属性 。 上 述 代 码 中 一 共 设 置 了 3 个 一 级 亲 单 的 <] 户 
元 素 ， 它 们 的 ID 属性 值 分 别 是 mGoods、miOrders 和 miUsers， 在 Backmaster 页 面 的 
Page Load0 方 法 中 就 通过 如 下 代码 设置 沫 蛙 项 是 否 可 见 : 


1f (!IsPostBack) 
{ 
/ /根据 角色 确定 显示 的 菜单 
RolePrincipal user = HttpContext.Current.User as RolePrincipal; 


1f (user != null) 


{ 

1f (user.IsInRole (Consts.Roles .Buyer)) 

{ 
miGoods .Visible = true; // 显 未 miGoods 某 单 项 
miOrders.Visible = miUsers.Visible = false; // 隐 藏 miorders 和 miUsers 
菜单 项 

} 

else 1f (user.IsInRole (Consts.Roles.Seller)) 

{ 
miGoods .Visible = false; // 隐 藏 miGoods 菜单 项 
miorders.Visible = miUsers.Visible = true; // 显 示 miorders 和 miUsers 


/ /菜单 项 
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} 


2) 权限 控制 

根据 角色 动态 显示 菜单 项 仅仅 避免 了 无 效 琳 单项 的 展示 ， 在 B/S 系统 中 不 能 有 效 控制 
权限 ， 因 为 用 户 可 以 在 浏览 器 地 址 栏 中 输入 URL 来 直接 访问 对 应 模块 。 因 此 ， 必 须 同 时 进 
行 权限 的 配置 ， 在 Back 文件 夹 中 添加 Web.config 文件 ， 并 编写 如 下 权限 控制 配置 代码 : 


<2xml] version="1.0™ encoding="utf-8"?> 
<configuration> 
<location path="Goods.aspx"><system.web> 
<authorization> <allow roles="Buyer"/><deny users="*"/> </authorization> 
</system.web></location> 
<location path="GoodsAdd .aspx"><system.web> 
<authorization><allow roles="Buyer"/><deny users="*"/></authorization> 
</system.web></location> 
<location path="Order.aspx"><system.web> 
<authorization><allow roles="Seller"/><deny users="*"/></authorization> 
</system.web></location> 
<location path="Orders.aspx"><system.web> 
<authorization><allow roles="Seller"/><deny users="*"/></authorizatlion> 
</system.web></location> 
<location path="Users.aspx"><system.web> 
<authorization><allow roles="Seller"/><deny users="*"/></authorization> 
</system.web></location> 


</configuration> 


上 述 代码 为 每 个 文件 单独 配置 权限 ,显然 很 烦琐 , 所 以 通 瘦 应 该 按照 权限 控制 的 需要 ， 


将 具有 相同 权限 配置 的 页 面 安 排 到 同一 个 文件 夹 中 。 谈 者 可 以 目 行 优化 上 述 权限 控制 。 
2， 商 品 列表 
党 理 Back\Goods.aspx 页 面 和 AdminVvUsers.aspx 页 面 从 实现 技术 的 角 上 度 来 说 基本 相 
同 ， 前 者 的 很 多 内 容 可 以 从 后 者 中 复制 ， 然 后 适当 进行 修改 ， 下 面 补 区 说明 一 些 天 键 点 。 


) 分 页 存储 过 程 
在 数据 访问 层 中 为 L2S 类 添加 获取 分 页 商品 列表 的 方法 GetPagedGoods()， 对 应 存储 
过 程 中 关键 的 分 页 SQL 语句 为 


SELECT ID, CategoryID, Title, Tag, Photo, Price, Stock, 
Welight, Score, OnTime, IsOff, "'' AS [Descriptionl] 
FROM ( 
SELECT ROW NUMBER () OVER (ORDER BY OnTime DESC) AS [ROW NUMBER | 
ID, CategoryID, Title, Tag, Photo, Price, Stock, 
Weight, Score, OnTime, IsOff FROM Goods 
WHERE (@key IS NULL OR Title LIKE '$%" + Qkey + '$" 
OR Tag LIKE ‘'%" + Qkey + "对 " ) 
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AND (alsoOff IS NULL OR IsOff = Q1sOff) 
AND (catId IS NULL OR CategoryID = (dcatId) 
AND (@onTime IS NULL OR OnTime >= (QionT1ime) 
) AS 9 
WHERE [ROW NUMBER| BETWEEN QpageSsize* (QcurrentPage-l1) + 1 
AND (ipageSize*lcurrentPage 


ORDER BY [ROW NUMBER | 


注意 上 述 SQL 语句 中 的 Description 字段 并 不 是 从 数据 库 中 读 取 的 ， 而 是 直接 提供 了 
一 个 空 串 值 。 这 是 因为 Description 字段 值 通 向 是 大 量 文本 ， 而 列表 中 并 不 需要 显示 这 个 字 
段 ， 押 以 没有 必要 从 数据 库 获取 真正 的 内 容 。 

2) 碍 找 条 件 

但 找 条 件 的 设计 需要 综合 考虑 数据 实体 的 属性 和 业务 操作 的 特征 ， 这 里 设计 了 上 架 时 
间 、 商 品 分 类 、 关 键 字 和 上 染 状 态 4 项。 其 中 商品 分 类 为 下 拉 框 ， 其 选择 项 除了 全 部 分 类 
以 外 都 需要 从 数据 库 的 Category 表 中 获取 ， 对 应 的 页 面 代码 为 


<th> 分 类 :</th> 
<td> 
<asp:DropDownList ID="ddlCategory" CssClass="common-—select"™" runat="server"> 
<asp:ListItem Text=" 全 部 分 类 "™ Value="" Selected="True"></asp:ListItem> 
</asp:DropDownList> 
</td> 


在 Goods.aspx 的 Page Load() 方 法 中 瀛 加 如 下 代码， 为 下 拉 框 设置 其 他 商品 分 类 选项 : 


1f (!IsPostBack) 

{ 
// 设 置 音 询 指定 商品 分 类 的 下 拉 框 
CategoryService svr = new CategorySsService(); 
List<Category> dtCat = svr.GetData (null); 
dtCat = svr.GetData (null1); // 获 取 分 类 清单 
for (int 1 = 0; dtcat != null && 1 < dtcCat.Count; I++) 
{ 
/ /依次 创建 ListItem 项 ， 添 加 到 下 拉 框 列表 

ddlCategory.Items.Add (new ListItem(dtCat [i] .Name, dtCat [1] .1ID.ToString())); 

} 
…. // 其 他 初始 化 设置 

} 


3) 定制 列表 内 容 
Back\Goods.aspx 页 面 中 的 商品 列表 仍然 采用 Repeater 控件 ， 下 面 是 关键 绑 定 代码 ; 


<asp:Repeater ID="rpGoods™" runat="server" 
OnItemCommand="rpGoods Item Command"> 
<ItemTemplate> 


<asp:Label ID="Labell™" runat="server" 
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Text="'<$# GetCategoryName (Eval ("CategoryID"))%>'></asp:Label> 
<asp:HyperLink ID="hlGoods"™" runat="server™" Text="<$# Eval ("Title™)$®>" 
Target=" blank™ 
NavigateUrl="'<$®#Eval ("ID", "~/Goods .aspx?1d={0}")$%>'></asp:HyperLink> 
<asp:CheckBox ID="chkIsoOff"™" ToolTip="<$# Eval ("ID")$>"' runat="server" 
Checked="<$#§ Eval ("IsOff")$>" 
onCheckedChanged="chklsoff Checked Changed™" AutoPostBack—"true"/> 
<asp:HyperLink ID="hlEdit™" runat="server" Target=" blank" 
NavigateUrl="'<$%# Eval ("ID", "~/Back/GoodsAdd.aspx?id={0}")$>"'> 修 改 
</asp:HyperLink> 
<asp:LinkButton ID="btDelete"™" runat="server" CommandName="Delete" 
onClientclick="return confirm(' 您 确定 要 删除 这 个 商品 ? 5) 7 
CommandArgqument="'<$# Eval ("ID™)®%$>" Text=" 删 际 " 
CausesValidation ="False" /> 
</ItemTemplate> 
</asp:Repeater> 


为 上 述 代 人 码 添加 表格 元 素 后 对 应 的 显示 效果 如 图 16-8 所 示 。 


分 类 商品 价格 库存 上 渠 时 间 ”下 架 操作 
智能 手机 IFhone 45 ¥1,500.00 20 2015-06-21 时 修改 有 删 障 
智能 手机 。 三 星 Galaxy 33 ¥1,000.00 100 2015-06-21 | 国 修改 删除 


人 < | 1 > yy 
图 16-8 商品 管理 列表 浏览 效果 


图 16-8 中 列表 第 1 列 为 商品 分 类 名 称 ， 但 GetPagedGoods0 存 储 过 程 方法 获取 的 结果 
中 只 有 商品 分 类 ID 字段 。 所 以 上 述 绑 定 代码 在 绑 定 CategroyID 字段 时 采用 了 目 定 义 绑 定 
转换 函数 ， 其 GetCategoryName() 方 法 是 列表 所 在 页 面 的 方法 : 

protected string GetCategoryName (object catgoryID) 


{ 
return ddlCategory.Items.FindByValue (catgoryID.ToSstring()) .Text; 


} 


考 让 到 反复 访问 数据 库 的 效率 非常 低下 ， 上 述 代码 使 用 了 一 个 技巧 : 因为 ddlCategory 
控件 保存 了 所 有 分 类 的 ID 和 Name 字段 值 ， 所 以 可 以 通过 得 询 该 控件 的 Iems 属性 来 获取 
商品 分 类 的 名 称 。 

图 16-8 中 列表 第 2 列 为 超 链接 , 单 击 跳 转 到 前 台南 品 明细 页 面 , 为 了 不 打 断 业务 员 的 
商品 管理 操作 ， 该 超 链接 的 Target 属性 为 blank， 表 示 在 新 窗口 中 打开 商品 明细 页 面 。 

4) 列表 命令 处 理 

图 16-8 中 列表 最 后 一 列 是 操作 按钮 ， 用 于 对 列表 行进 行 操作 。Repeater 控件 行 操作 触 
发 事件 ， 除 了 设置 行 中 控件 的 AutoPostBack 属性 值 为 true 外 ， 一 上 般 通 过 行 中 Button 类 控 
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件 〈 如 Button、LinkButton 控件 ) 触发 ItemCommand 事件 。 

例如 ， 单 击 商品 列表 操作 列 的 btDelete 按钮 触发 tpGoods 控件 的 IemCommand 事件 。 
和 GridView 控件 一 样 ， 按 钮 可 以 设置 CommandName 属性 和 CommandAreument 属性 ， 通 
过 CommandName 属性 区 分 触发 事件 的 按钮 ， 通 过 CommandAreument 属性 获得 关联 的 数 
据 。 按 钮 btDelete 的 CommandName 属性 为 Delete，CommandAreument 属性 绑 定 了 对 应 商 
品 DD 字段 。 通 过 事件 处 理 方法 参数 e 可 以 获取 相应 的 CommandName、CommandArgument 
和 CommandSource 属性 值 ， 其 中 CommandSource 属性 值 就 是 触发 事件 的 控件 。rpGoods 
控件 的 IemCommand 事件 处 理 代 码 如 下 : 

/// <summary> 

/// Repeater 行 命令 处 理 

/// </summary> 

protected vold rpGoods ItemCommand (object source, RepeaterCommandEventArgs e) 

{ 

long 1id = Utils.ParseInt64(e.CommandArgument); 


GoodsService svr = new GoodsService ()}); 


if (e.CommandName == "Delete") / /是 删除 命令 
{ 
svr.Delete (1d); 
if (!svr.HasError) / /删除 服务 方法 调用 成 功 
{ 
LoadPagedData (pagerGoods .CurrentPageIndex); // 重 新 载 入 列表 数据 
} 
Ut11s .ShowPrompt (lbPrompt, svr.ErrorMsg); // 显 示 或 清除 提示 信息 
} 


} 


删除 操 作 通 常 需 要 弹出 确认 对 话 框 , 这 可 以 通过 JS 脚本 来 实现 , 例如 mpGoods 控件 的 
数据 绑 定 页 面 代码 中 ， 为 btDelete 按钮 绑 定 了 OnClientClick 事件 ， 具 体 页 面 代 人 码 为 
<asp:LinkButton ID="btDelete" runat="server™" CommandName="Delete" 
onClientCclick="return confirm(' 您 确定 要 删除 这 个 商品 ?"');" 
CommandArgqument="'<%$# Eval ("ID™")%$>" Text=" 删 除 "” CausesvValidation="False"™ /> 


当 用 户 单 击 btDelete 按钮 (LinkButton 类 按钮 对 应 HTML 超 链接 ) 时 ， 首 先 触 发 浏览 
器 中 的 JS onclick 事件 ， 执 行 “returm confirm(' 您 确定 要 删除 这 个 商品 ? 7 ”的 JS 脚本 ， 弹 
出 一 个 浏览 器 的 确认 对 话 框 ， 如 果 用 户 单 击 对 话 框 中 的 “确定 ”按钮 ， 则 这 段 JS 脚本 返回 
true, 合 则 返回 false。 一 旦 onclick 事件 处 理 脚 本 返回 false, 浏 贤 费 就 会 取消 该 超 链 接 请 求 ， 
从 而 达到 取消 删除 操作 的 目的 。 

3. 编辑 商品 

编辑 商品 页 面包 括 新 增 和 修改 两 方面 的 功能 ， 本 区 仅 介 绍 一 些 细节 上 的 优化 和 改进 ， 
其 他 内 容 请 读者 参考 以 前 的 内 容 目 行 完成 。 

1) HTML 编辑 器 

商品 明细 信息 应 该 是 图 文 并 成 的 , 在 B/S 应 用 中 往往 直接 采用 HTML 来 表示 这 样 的 内 
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容 ， 但 网 站 的 管理 员 用 户 并 不 是 软件 开发 人 员 ， 因 此 有 必要 提供 一 个 在 线 的 可 视 化 HIML 
编辑 器 ， 例 如 CKEditor 编辑 器 。 

从 CKEditor 的 网 站 (http://ckeditor.com/download) 中 下 载 CKEditor for ASPNET 文件 。 
下 载 并 解压 后 ， 将 _Samples 文件 夹 下 的 ckeditor 文件 夹 整个 复制 到 LSS.Web 根 文件 夹 下 ， 
并 为 LSS.Web 项 目 添 加 对 其 中 bin 文件 夹 中 CKEditor.NET.dll 程序 集 的 引用 。 

为 了 让 CKEditor 编辑 器 能 够 上 传 HIML 文本 中 使 用 到 的 图 片 等 多 媒体 资源 ， 还 需要 
从 http://cksource.com/ckfinder/download 下 载 CKFinder for ASPNET 文件 ， 解 压缩 后 ， 为 
LSS.Web 项 目 添加 对 其 bin/Release 文件 夹 中 CKFinderNET.dll 程序 集 的 引用 。 

在 VS 的 工具 箱 中 单 击 右键 ， 在 弹出 沫 单 中 选择 “选择 项 D” 人 命令， 在 弹出 选择 工具 
箱 项 窗口 中 单 击 “ 浏 览 ” 按 钮 ， 找 到 前 述 的 CKEditor.NET.dll 文件 ， 连 续 单 击 “ 确 定 ” 按 
钮 .工具 箱 中 出 现 了 一 个 名 为 CKEditorControl 的 控件 ,将 其 拖 放 到 页 和 面 上 ,这 束 是 CKEditor 
编辑 幽 。 

要 让 CKEditor 编辑 名 使 用 CKFinder 控件 管理 上 传 文件 , 还 需要 在 页面 的 Page_Load() 
方法 中 写 入 如 下 的 两 句 代 码 ， 为 CKEditor 控件 指定 上 传 文件 控件 : 

CKFinder.FileBrowser fileBrowser = new CKFinder.FileBrowser (1) ， 

/ /创建 CKFinder 上 传 控 件 
fileBrowser .SetupCKEditor (tbIntro) ;// 绑 定 到 tbInro 控件 (具体 的 CKEditor 控件 ) 上 


最 终 实现 的 效果 如 图 16-9 所 示 , 单 击 其 中 的 多 媒体 按钮 用 于 上 传 多 媒体 文件 ， 以 及 官 
理 或 直接 使 用 已 经 上 传 的 多 媒体 文件 。 


二 三 EE 于 又 二 村 凡 巴 
国人 国 忆 起 电导 
EE i | 


图 16-9 商品 明细 介绍 CKEditor 编辑 框 浏览 效果 
2) 商品 图 片 处 理 
商品 的 图 片 文件 保存 在 Images/Goods 下 ， 如 果 采 购 员 没有 为 商品 指定 图 片 ， 就 采用 默 
认 的 Images/noimage.jpg 这 幅 图 片 ， 因 此 最 好 在 Consts 类 中 定义 好 相应 的 常量 ， 代 人 码 为 


public const string EmptyID = "0O™; 
public const string DefPhoto = "~/Images/noimage.Jpg"; 
public const string GoodsPhotoPath = "~/Images/Goods/"; 


同时 在 Utils 目 定 义工 具 关 中 准备 好 保存 文件 和 删除 文件 的 处 理 方 法 : 


/// <summary> 
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/// 保存 文件 ， 错 误 的 话 抛 出 异常 
/// </sSummary> 
/// <param name="fu"> 文 件 上 传 控 件 。</param> 
/// <param name="ful1Pathn> 文 件 保 存 的 文件 夹 ， 网 站 绝对 路 径 形 式 。</param> 
/// <returns> 返 回 带 路 径 的 文件 名 。 如 果 没 有 文件 ， 返 回 空 。</returns> 
public static string SaveUploadFile (FileUpload fu, string fullPath) 
{ 
string fileName = null; 
1f (fu.HasF1ile) 
{ 
fileName = Path.GetFileName (fu.FileName}):; 
string ext = Path.GetExtension (fileName); /7 获取 扩 展 名 
// 生 成 文件 名 ， 通 过 生成 随机 文件 名 后 级 来 避免 乍 复 
fileName = string.Format (™{0}{1} {2}{3}", fullPath, 
Path.GetFileNameWithoutExtension (fileName), Path.GetRandomFileName () ， 
ext):; 
/7/ 生 成 市 服务 器 路 径 的 文件 名 
HttpServerUtility server = HttpContext .CUFrFTent .SerVeT， 
string osFileName = Path.Combine (server.MapPath (fileName) ) ; 
fu.SaveAs (osFileName); // 保 存 文 件 
} 
return fijleName; 
} 
/// <summary> 
/// 删除 通过 网 站 绝对 路 径 形式 指定 的 文件 。 失 败 不 会 抛 出 异常 
/// </sSummary> 
/// <returns> 是 人 盏 成 功 。</returns> 


public static bool Deleterile (string fileName) 


{ 
try 
{ 
HttpServerUtility server = HttpContext.Current .server; 
string osFileName = server.MapPath (fileName); 
File.Delete (osFileName); // 删 除 ， 不 存在 会 认为 删除 成 功 
return true; 
} 
catch 
{ 
return false; 
} 
} 


前 台 页 面 中 一 共有 3 个 控件 和 图 请 有 关 , 一 个 隐藏 控件 用 于 保存 商品 原来 的 图 片 URL， 
一 个 Image 控件 用 于 显示 当前 的 图 请， 一 个 文件 上 传 控件 用 于 上 传 新 的 图 卢 文 件 。 
新 增 商品 图 片 的 处 理 较 简 单 ， 如 果 没 有 上 传 图 请 就 直接 采用 寺 认 图 片 ，GoodsService 


类 中 新 增 商品 的 Create0 方 法 详细 定义 如 下 : 


public bool Create (int catID, string title, string tag, FileUpload filePhoto, 


decimal price, int stock, int weight, bool 1is0Off, string descript1ion) 


{ 
bool 1isOk = false; 
try 
{ 
string fileName = Consts.DefPhoto; / /设置 文件 名 为 默认 图 片 路 径 
if (filePhoto != null && filePhoto.HasFile) // 有 上 传 文件 
{ // 保 存 上 传 文件 并 更 新 文件 名 
fileName = Utils.SaveUploadFile (filePhoto, Consts.GoodsPhotoPath); 
} 
// 新 增 Goods 对 象 
Goods goods = new Goods () { CategoryID=catID,Title=title,Tag=tag, 
Photo=fileName, / /记录 图 片 文 件 名 
Price=prlice,Stock=stock, Weight=weight,IsOff=1isOff, 
Description=description,OnTime=DateTime .Now}; 
db.Goods.Insertonsubmit (doods ) ; // 加 入 DataContext 中 
db.SubmitChanges (); / /更 新 数据 库 
1SOK = true; 
} 
catch (Exception exp) 
{ 
SetError (exp)}; 
} 
return 1SOK; 
} 


修改 商品 的 图 片 处 理 略 复杂 一 些 ， 如 果 没 有 上 传 图 片 ， 应 该 保留 原来 图 上 厂 ;， 如 果 上 传 
了 ， 则 需要 删除 原来 的 图 片 ， 但 注 总 不 要 删除 默认 图 片 。GoodsService 类 中 修改 商品 的 
Update0 方 法 定义 如 下 : 


/// <summary> 

/// 更 新 商品 

/// </summary> 

/// <param name="id"3> 商 品 ID</param> 

/// <param name="o1lLdPhoto"> 腺 图 片 文 件 名 </VParam> 

/// <param name="filePhoto"> 上 传 图 片 文件 。 如果 有 ， 说 明 要 替换 成 新 的 图 片 。</param> 

public bool Update(long id, int catID, string title, string tag, string 
oldPhoto,FileUpload filePhoto, decimal price, int stock, int welight, 


bool 1s0ff, string descript1ion,) 


bool 1sSOK = false: 
try 
{ 
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string fileName = oldPhoto; / /设置 文件 名 为 尿 图 厂 文 件 名 
if (filePhoto != null && filePhoto.HasFile) // 上 传 了 新 的 图 片 文件 
{ 
fileName = Utils.SaveUploadFile (filePhoto, Consts.GoodsPhotoPath),; 
if (oldPhoto != Consts.DefPhoto) // 原 图 片 文 件 不 是 默认 图 片 文件 
{ 
Utils.DeleteFile (oldPhoto); /7 删除 原 图 瞩 文 件 
} 
} 
// 更 新 数据 库 
Goods goods = db.Goods.Single(g => g.1D == 1d); 


qoods .CategorvyID = catlID; 
goods .Title = title; 
goods .Tag = tag; 
goods .Photo = fileName; 
goods .Price = price; 
qoods.Stock = stock;s 
goods .Weldht = welight; 
goods -Isofft = 1i1sOff; 
goods .Description = description; 
db.submitChanges () ; 
1sOk = true; 
} 
catch (Exception exp) 
{ 
SetError (exp); 
} 
return 1SOK; 
3) 界面 交互 设计 
界面 交互 设计 是 侍 合理 是 应 用 系统 是 奋 实 用 的 重要 标记。 考虑 一 下 采购 员 的 工作 场 
景 : 修改 商品 时 采购 员 打 开 列 表 便 找 这 于 商品， 然后 单 击 “修改 ”; 修改 完成 后 ， 关 闭 修改 
页 面 ， 继 续 修 改 其 他 商品 。 谎 加 商品 通 弟 需要 一 次 性 添加 多 个 ， 采 购 员 切换 到 添加 商品 页 
面 ， 加 宪 成 后 ， 如 朱 需 要 继续 添加 则 应 该 停留 在 添加 页 面 。 
为 此 ， 可 以 将 编辑 《新 增 或 修改 ) 商品 页 面 设 计 为 单独 的 页 面 。 用 户 通 过 在 商品 列表 
单 击 某 行 的 “修改 ”按钮 在 新 窗口 中 打开 修改 页 面 ， 这 样 可 以 不 影响 商品 列表 ， 便 于 继续 
修改 其 他 商品 。 用 户 通过 单 击 菜单 “添加 丙 品 ”命令 在 原 窗 口中 打开 添加 商品 页 面 ， 添 加 
成 功 后 停留 在 添加 商品 页 面 并 初始 化 输入 控件 ， 以 便 继续 添加 新 的 商品 。 有 共 体 的 
Back/GoodsAdd.aspx 编辑 页 面 中 的 “保存 ”按钮 处 理 方 法 代码 如 下 : 


protected void btSave Click(object sender, EventArgs e) 
{ 
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// 从 页 面 控件 收集 数据 


long 1d = Utils.ParseInt64 (hiddenID.Value); 


GoodsService svr = new GoodsService ()}); 


if (id > 0) // 是 修改 操作 
{ 
svr.Update(id, catId, title, tag, oldPhoto, filePhoto, price, 
stock, weight, isoff, desc); / /修改 数据 库 
} 
else / /是 新 增 操作 
| 
svr.Create (catId, title, tag, filePhoto, price, stock, welght, 1soff, desc); 
} 
if (svr.HasError) / /修改 或 新 增 操作 失败 
{ 
Utils.ShowPrompt (lbPrompt, svr.ErrorMsg); / /显示 错误 提示 信息 
} 
else 
{ 


Utils.ShowPrompt (lbPrompt，,，“" 保 存 成 功 。"); 
/ /对 于 新 增 操作 : 清空 输入 控件 中 的 值 ， 准 备 新 的 新 增 操作 
// 对 于 修改 操作 : 刷新 编辑 控件 中 的 值 ， 准 备 重新 编辑 该 商品 明细 信息 


} 

4. 订单 党 理 功能 

顾客 在 购物 中 主要 有 两 件 事 情 需 要 寻求 网 站 业务 员 的 帮助 : 一 是 账户 处 理 ， 主 要 是 查 
询 账 户 情况 以 及 解锁 账户 ， 二 是 订单 处 理 ， 包 括 订单 发 货 、 退 货 、 取 消 、 确 认 等 处 理 。 

对 于 账户 处 理 来 说 ， 业 务 员 所 需要 的 用 户 管理 功能 就 是 管理 员 的 简化 版 本 ， 将 用 户 碍 
询 范围 限制 在 顾客 角色 ， 并 将 功能 限制 在 审核 和 解锁 就 可 以 了 。 因 此 ， 可 以 直接 复制 管理 
员 用 户 管理 的 代码 , 然后 进行 相应 的 修改 。 如果 希望 让 业务 员 和 管理 员 共 用 用 户 管理 页 面 ， 
则 需要 为 用 户 管理 页 面 增加 角色 判断 ， 根 据 角色 实现 操作 权限 的 控制 。 相 关内 容 书 中 不 再 
展开 。 

至 于 订单 管理 功能 ， 可 以 说 是 网 上 商城 的 核心 业务 功能 ， 其 中 订单 业务 流程 的 设计 则 
是 核心 中 的 关键 。 

1) 订单 状态 好 辑 

订单 业务 流程 的 核心 是 订单 状态 的 转移 ， 订 单 状态 变化 是 比较 复杂 的 ， 不 同 状态 允许 
进行 不 同 的 操作 ， 不 同 操作 导致 订单 不 同 的 状态 ， 必 须 有 一 种 工具 能 够 将 其 清晰 地 表示 出 
来 ， 这 个 工具 就 是 状态 转移 图 。 状 态 转移 网 由 状态 (其 中 有 开始 状态 和 终止 状态 )， 以 及 操 
作 〈 状 态 转移 条 件 ) 组 成 ，LSS 的 订单 状态 转移 图 如 图 16-10 所 示 。 
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status=2 


发 货 / 客 服 


己 发 货 Shipped 


/各 服 


创建 /顾客 取消 /客服 /顾客 退货 


硼 认 /顾客 


已 确定 Confirmed 


新 建 New 


图 16-10 LSS 订单 状态 转移 图 


根据 状态 图 可 以 整理 出 如 表 16-2 所 示 在 不 同 状态 下 可 以 进行 的 操作 ， 注 意 LLS 中 为 
了 条 化 问题 并 没有 考虑 库存 管理 。 
表 16-2 LSS 订单 状态 和 操作 一 览 表 


当前 状态 顾客 的 操作 客服 的 操作 

New 删除 /付款 / 

Paid 取消 取消 (LSS 中 无 真正 的 发 货 管 理 ， 所 以 可 以 直接 取消 )、 发 货 
Shipped 俩 认 退货 (LSS 中 无 库存 管理 ， 所 以 和 取消 相同 ) 

Confirmed / / 

Canceled/Returned / 1 


2) 乐观 并 发 处 理 

订单 状态 的 修改 涉及 钱 的 文 付 ， 而 且 业 务 员 和 用 户 可 能 同时 对 一 个 订单 进行 修改 〈 例 
如 客服 在 发 货 的 同时 ， 顾 客 正 在 取消 该 订单 )， 所 以 必须 进行 并 发 处 理 。L2S 类 默认 启用 了 
乐观 的 并 发 处 理 ， 也 就 是 在 更 新 记录 时 会 检查 记录 是 否 已 经 被 其 他 人 更 改 了 ， 探 制 字 段 是 
否 参与 乐观 并 发 检查 的 属性 为 “更 新 检查 ”， 如 网 16-11 所 示 。 


诗 性 


Users 


Deposit 成 品 寿 性 
= 属性 o3: 四 | 万 
Pp UserID | 了 
pb UserName 访 回 权限 Public 血 
FE Deposit 更 新 检查 上 ai 


pp IDCard 瞧 于 修饰 签 Em 


图 16-11 字段 乐观 并 友 探 制 属 性 


在 OrdersService 类 中 添加 Pay0) 方 法 .Cancel0 方 法 Return 方法 .Ship0) 方 法 .Confirm0) 
方法 ， 分 别 对 应 付 丈 、 取 消 或 狐 建 订单 删除 、 退 贷 、 发 贷 和 确认 5 个 订单 业务 操作 。 考 虑 
到 这 5 个 操作 实际 上 是 非常 相似 的 ， 而 且 可 以 根据 订单 状态 来 确定 具体 的 业务 处 理 动作 ， 
因此 首先 在 OrdersService 芙 中 添加 一 个 ChangeStateO 私 有 方法 ， 具 体 的 代 但 如下: 


4 7 7 
/7 1/ 
/17 
/7 7/ 
/7 7/ 
/7 1/ 
/177 
/717 
//1 


第 16 章 系统 实现 A 
<summary> 
修改 订单 的 状态 
</summary> 
<param name="id"> 订 单 ID</param> 
<param name="oldstate"> 订 单 怕 状态 。</Param> 
<param name-"newState"> 新 状态 </param> 
<param name="opUserName"> 操 作用 户 名 。</param> 
<param name="orderUserName"> 订 单 用 户 名 。</param> 
<param name="orderPrice"> 订 单 总 价 。</param> 


private bool changestate (long 1id, string oldstate, string newState， 


string opUserName,string orderUserName, decimal orderPrice) 


pool isOk = false; // 记 录 操 作 结 果 : 疝 未 操作 成 功 
using (Transactionscope ts = new Transactionscope()) // 忆 用 事务 沁 围 


{ 


UsersService userService = new UsersService (); 
Orders order = db.Orders.Single(o => 0.ID == ld && o.State == oldstate); 
if (oldstate == OrdersState .New && newState == OrdersState.Paid)// 付 款 
{ 

order.PayTime = DateTime .Now; 

order.state = newSstate; 

db .submitChanges () ; 


isOk = true; / /记录 操作 结果 : 操作 成 功 
1f (1sOk && userService.Deposit (orderUserName, ~orderPrice) == false) 
// 扣 款 失 败 


isOk = false; / /记录 操作 结果 : 操作 失败 
SetError (null，" 付 款 失 败 ") ; 


} 
else 1f (oldstate == Ordersstate.New && newSstate == Ordersstate .Canceled) 


/7 删除 


order.CloseMan = opUserName; 
order.CloseTime = DateTime .NOW:; 
order.state = newstate; 

db .submitChanges () ; 


isOK = true; / /记录 操 作 结 果 : 操作 成 功 
} 
else if (oldstate == Ordersstate.Paid 
&& newSstate == Ordersstate.Canceled // 取 消 
11| oldstate == Ordersstate.shipped 
tt& newSstate == Ordersstate.Returned) // 退 贷 


order.CloseMan = opUserName; 
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order.CloseTime = DateTlme .Now: 
order.State = newSstate; 
db .submitChanges () ; 


isOk = true:; / /记录 操作 结果 : 操作 成 功 
1f (1isOk && USerSerVlce.Deposlt (orderUserName., 
orderPrice) == false) // 退 款 失 败 
{ 
isOKE = false; / /记录 操作 结果 : 操作 失败 
SetError (null, " 退 款 失败 ") ; 
} 
} 
else if (oldstate == Ordersstate.Paid 
&& newSstate == Ordersstate.shipped) / /发 抽 
{ 


order.ShipMan = opUserName; 
order.ShipTime = DateTime .Now; 
order.state = newState; 

db .submitChanges () ; 


isOk = true; // 记 有 杂 操 作 结 宁 : 操作 成 功 
} 
else 1f (oldstate == Ordersstate.shipped 
&& newSstate == Ordersstate. Confirmed) // 人 确认 
{ 


order.CloseMan = opUserName; 
order.CloseTime = DateTime .NOW:; 
order.state = newstate; 

db .submitChanges () ; 


isOK = true; / /记录 操作 结果 : 操作 成 功 
} 
if (isOk) ts.Complete(); / /操作 成 功 则 提交 事务 
} 
return isOk; / /返回 操 操 作 结 果 


} 


上 述 代 人 码 中 调用 了 UsersService 的 Deposit(0 方 法 ， 该 方法 允许 增加 或 减少 用 户 账 户 余 


/// <summary> 
/// 增加 或 减少 用 户 存款 。 参 数 amount 允许 为 负 ， 表 示 减 少 
/// </summary> 
public bool Deposit (string userName, decimal amount) 
{ 
bool isOk = false; 
try 
{ 


DAL.Users usr = db.Users.Single(u => u.UserName == userName); 
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if (usr.Deposit + amount < 0) 
SetError (nul1，" 用 户 存 款 为 负数 ! "); 
else 
{ 
usr.Deposit += amount; 
db.Submitchanges () ; 


1SOK = true: 


} 
} 
catch (Exception exp) / /捕获 异常 ， 包 括 并 发 冲突 
{ 
SetError (exp)}; 
} 


return 1SOK， 


} 


显然 ， 订 蛙 付 球 、 取 消 或 退货 部 需要 修改 用 尸 的 余额 ， 为 了 人 确 你 岗 个 操作 (订单 状态 
修改 和 用 户 余 额 修改 ) 成 为 一 个 整体 操作 ， 所 以 需要 局 用 事务 范围 ， 为 一 方 和 面 ，L2S 乐观 
并 发 处 理 在 出 现 并 发 冲突 时 会 抛 出 寞 肖 ， 通 过 事务 泡 围 可 以 取消 数据 库 操作 ， 避 免 发 生 并 


事务 范围 需要 Windows 操作 系统 的 MSDTC 服务 支持 ,默认 情况 下 这 个 服务 是 局 用 的 ， 


如 果 出 现 如 图 16-12 所 示 的 错误 信息 ， 则 需要 检查 一 下 MSDTC 服务 是 否 正 凋 局 动 。 
"/“" 应 用 程序 中 的 服务 器 错误 。 


氛 务 属 "E5570' 上 入 NMSDTC 不 万历 。 


说 明 : 执行 当前 Web 请 求 期 间 ， 出 现 未 等 处 理 的 异常 。 请 检查 堆栈 申 足 信息 ， 以 了 解 有 关 该 错误 以 及 代 依 中 导致 错误 的 出 处 的 计 细 信息 。 


异 钊 详细 信息 : System.Data.SqlClient.SqlException: 服务 器 'E5570' 上 的 MSDTC 不 可 用 , 


图 16-12 MSDTC 服务 不 可 用 异常 页 面 


基于 ChangeState() 方 法 实现 上 述 5 个 订单 操作 方法 丈 变 得 非常 简单 。 例 如 ， 笛 要 首先 


获取 订单 信息 的 Pay0 方 法 ， 具 体 代 码 如 下 : 


Public bool Payl(long id, string userName) 
{ 
bool 1i1sOk = false; 
try 
{ 
Orders order = FindBVYId(id) ; / /获取 订单 信息 
1sOk = changestate(1id, order.Sstate, Ordersstate.Pald, 
userName,， order.UserName，order.OrderPrice);// 则 状态 为 "已 付款 " 
} 
catch (Exception exp) 


{ 
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SetError (exp，" 订 单 付款 失败 。") 
} 
return 1sOk; 


} 


取消 或 退货 的 方法 和 Pay0 方 法 基本 相同 。 至 于 Ship0 发 货 方法 和 Confirm0O 确 认 收 货 方 
法 ， 无 须 站 先 获 取 订 单 信息 ， 例 如 Ship0 方 法 的 具体 定义 代码 如 下 : 
public bool Shipl(long id, string userName) 


{ 
bool 1isOk = false: 


try 

{ 
1sSOk = changestate (id, Ordersstate.Palid, Ordersstate.shipped, userName., 
null, 0);，; 

} 

catch (Exception exp) 

{ 
SetError (exp，" 订 单 发 货 失 败 。") 

} 

return 1sOk; 


} 


3) 订单 管理 

订单 管理 Back/Orders.aspx 页 面 所 涉及 的 开发 技术 没有 什么 新 内 容 ， 但 业务 上 应 考虑 
一 个 问题 : 同一 个 用 户 通常 有 很 多 订单 ， 如 何 准确 地 指定 一 个 订单 呢 ?” 管 案 是 订 蛙 编号。 
LSS 中 采用 订单 ID 字段 值 作 为 订单 编号 ， 因 此 订单 的 ID 字段 不 但 要 出 现在 列表 中 ， 而 且 
应 该 作为 得 询 条 件 之 一 。 

订单 的 处 理 涉 及 钱 的 问题 , 所 以 应 该 非 彰 齐 恒 。 为 此 ， 列 表 中 不 提供 操作 订单 的 功能 ， 
而 仅仅 提供 了 一 个 订单 处 理 超 链接 ， 单 击 该 超 链接 在 新 窗口 中 打开 订单 处 理 页 面 。 业 务 员 
应 设 在 全 和 面 掌 握 订 单 情况 后 才 决 定 如 何 操作 ， 该 超 链 接 的 页 面 代 公 如 下 : 


<asp:HyperLink ID="hlorder™ runat="server™" Target=" blank" 
NavigateUrl="'<$# Eval ("ID™, "~/Back/Order .aspx?id={0}")$>"> 处 理 </asp:HyperLink> 


订单 处 理 Back/Order.aspx 页 面 中 需要 同时 展示 Orders 记录 和 相关 OrderDetails 记录 集 ， 
两 者 之 间 是 主 从 关系 ， 册 面 中 分 成 相应 的 两 个 展示 区 域 ， 核 心 页 面 代 码 如 下 : 


<table class="insert-tab"> 

<tr> 
<th> 单 号 :</th> 
<td><asp:Label ID="1bID" runat="server"></asp:Label></td> 
<!-- 用 户 、 订 单 晶 期、 状态、 付款 时 间 --> 

> 

<tr><!-- 订 单 金 额 、 发 货 时 间 、 发 货 人 --></tr> 

<tr><!-- 收 件 人 、 电 话 、 关 闭 时 间 、 关 闭 人 --></Vtr> 
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<tr> 
<!-- 收 货 地 址 --> 
<td colspan="2"> 
<asp:Button ID="btCancel™ CssClass="btn” runat="server" 
Text=" 取 消 " OnClick="btCancel Click"™ /> 
<asp:Button ID="btShip™" CssClass="btn"™" runat=—="server" 
Text—"AK 人 RI" OnClick= "btship Click™ /3 
<asp:Button ID="btReturn™ CssClass="btn” runat="server" 
TeXxt=" 退 货 "” OnClick="btReturn Click" /> 
</td> 
</tr> 
<tr> 
<th> 订 单 明 细 : </th> 
<td colspan—"9"> 
<table class="result-tab"> 
<tr> 
<th> 商 品 </th><th> 价 格 </th><th> 数 量 </th><th> 忆 价 </th> 
<th> 上 架 日 期 </th><th> 已 下 架 </th> 
</tr> 
<asp:Repeater ID="rpGoods™ runat="server"> 
<itemtemplate> 
<tr> 
<!-- 绑 定 订单 明细 的 字段 --> 
</tr> 
</itemtemplate> 
</asp:Repeater> 
</table> 
</td> 
</tr> 
</table> 


Back/Order.aspx 页 面 Page Load0 方 法 中 的 初始 化 代码 如 下 : 


1f (!IsPostBack) 

{ 
long 1d = Utils.ParseInt64 (Request["1id"™"]); 
LoadData (1d); 

} 


上 述 代码 中 的 LoadData(0) 方 法 完成 根据 id 参数 值 从 数据 库 获取 订 蛙 对 象 ,将 其 展示 在 
页 面 ， 并 根据 订 早 状态 确定 允许 的 操作 ， 上 基体 定义 代 公 为 


private Vold LoadData (long 1d) 
{ 

1f (1d > 0) 

{ 
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OrdersService svr = new OrdersSservice ();，; 


DAT .Orders order = svr.FindById(1id):; / /获取 订单 
if (order != null) / /获取 成 功 
{ 
/ /页面 控 件 赋 值 ， 显 示 订 单 
1bID.Text = order.ID.ToString(); 
lbPayTime.Text = order.PayTime == null ? string.Empty 


order.PayTime.ToString(); 
-V/ 其 他 字段 的 显示 〈 略 ) 
// 获 取 订 单 明 细 ， 绑 定 到 Repeater 控件 ， 显 示 明 细 


rpGoods .DataSource = svr.GetOrderDetailsForOrder (1d); 


rpGoods .DataBingd (); 
/ /如果 有 和 错误， 显示 错误 信息 。 
Utils.ShowPrompt (lbPrompt, svr.ErrorMsg); 


} 
// 傅 定 可 用 处 理 鬼 饥 
btCcancel.Visible = btship.Visible //“ 取 消 ” 和 “发 货 ” 按 钮 
= (order != null && order.Sstate == OrqdersState .Pald) ; 
btReturn.Vvisible = (order != null 
&& order.State == OrdersState.Shipped) ; //“ 退 货 ” 按 钮 
} 
else 
{ 


Utils .ShowPrompt (lbPrompt，" 非 法 订单 编号 。"); 


btCancel .Vvisible = btReturn.Visible = btship.Visible = 


} 


false: 


上 述 代 码 中 的 Orders 类 名 前 面 带 有 DAL 命名 空间 前 级 ,这 是 为 了 避免 和 同名 的 Orders 
页 面 对 象 混 消 。 至 于 订单 操作 的 实现 ， 下 面 仅 以 取消 订单 处 理 的 btCancel ClickO 方 法 为 例 


说 明 ， 


protected void btCancel Click(object sender, EventArgs e) 
{ 
OrdersService svr = new OrdersService (); 
long 1d = Utils.ParseInté64 (1bID.Text); 
svr.Cancel (id, HttpContext.Current .User.Identity.Name); 
1f (svr.HasError) 
{ 
Ut11s .ShowPrompt (lbPrompt, svr.ErrorMsg); 
} 
else 
{ 
LoadData (1d); 


/ /服务 

/ /获取 订 早 ID 
// 执 行 取消 

// 出 针 


// 刷 新 数据 
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1. 页 和 面 代码 <asp:TextBox ID="tbPassword" runat="server" ValidationGroup="login" 
value=" 密 但 " TextMode="Password"></asp:TIextBox> 中 的 ValidationGroup 用 于 ( 下 
A) 表示 局 用 输入 校 验 B) 表示 该 控件 负责 检查 登 录 密 但 
C) 表示 该 控件 的 校 验 属 于 login 组 D) 表示 需要 校 验 id=login 的 控件 
2. 基于 表单 的 Web 应 用 身份 认证 中 的 表单 是 指 〈(  )。 
A) HIML Table  B) HIML Formn C) Windows 登录 窗口 ”D) Web.config 
3. ASPNET 基于 表单 的 身份 认证 机 制 中 ,通过 (  ”) 可 以 检查 当前 用 户 是 否 已 经 
A) HttpContext.Current.User.Identity.IsAuthenticated 
B) HttpContext.Current.User != null 
C) HttpContext.Current.User 1s RolePrincipal 
D) HttpContext.Current.UserID>0 
4. 下 列 关 于 权限 角色 的 说 法 ， 错 误 的 是 (  ”)。 
A) 只 要 使 用 了 ASPNET 成 员 资 格 机 制 ， 就 等 于 局 用 了 角色 管理 
B) 需要 在 Web.config 文件 配置 了 RoleManagerModule 后 ， 才 能 使 用 角色 管理 
C) 局 用 角色 管理 后 ，Context.User 属性 是 一 个 RolePrincipal 对 象 
D) 权限 控制 的 配置 中 可 以 指定 需要 允许 或 拒绝 访问 路 径 的 角色 列表 
5. ASPNET 成 员 资格 中 将 用 户 加 入 指定 角色 Admin 的 指令 为 (  )。 
A) Membership.AddUserToRole("username", "Admin") 
B) userIsInRole("Admin") 
C) Membership.CreateUser("Admin") 
D) Roles.AddUserToRole("username", "Admin") 
6. 为 了 在 Web 应 用 中 实现 让 用 尸 可 视 化 输入 HTML 格式 的 内 容 ， 可 以 在 页 面 中 髓 入 
( a 


A) Word 控件 B) Visual Studio Express 

C) 多 行 状态 的 TextBox D) JS 或 jQuery 的 HTML 编辑 器 
7. SQL Server 2005 开始 提供 了 针对 分 页 三 询 的 语法 ， 其 关键 学 是 ( 

A) TOPn BOTTOM m B) AGE FROMn IO m 

C) ROW NUMBER( OVER() D) LIMITnm 


8. Repeater 控件 rp 的 属性 Items， 代 表 了 RepeaterItem 行 的 集合 ， 为 了 获取 第 0 行 中 
ID 为 chkSelect 的 ASPNET 复 选 框 控 件 ， 正 确 的 语句 为 
A) CheckBox chkSelect =Ip.Items|0|.chkSelect: 
B) CheckBox chkSelect = 1p.Items[0|].FindControl("chkSelect") as CheckBox: 
C) CheckBox chkSelect = chkSelect: 
D) CheckBox chkSelect =Ip.Items|0|.Controls| "chkSelect"] as CheckBox: 
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二 、 填 空 题 
1. L2S 订单 实体 Orders 的 State 属性 ， 其 “更 新 检查 ”属性 默认 设置 为 “始终 ”， 
说 明 修 改 订 单 的 SQL 语句 中 会 额外 添加 相应 的 条 件 , fe 


采用 乐观 并 发 方式 处 理 State 属性 上 的 并 发 冲突 。 

2 在 使 用 ASPNET 成 员 资格 实现 的 身份 认证 管理 中 ，FormsAuthentication. Redirect 
FromLoginPage() 方 法 用 于 完成 ， 向 
FormsAuthentication.SignOutO 方 法 用 于 完成 

3. 在 ASPNET 中 可 以 通过 Web.config 文件 配置 来 实现 权限 控制 ， 如 下 所 示 的 配置 三; 


<location path="Profile.aspx"> 
<System.web> 
<authorization><deny users="2"/></authorization> 
</system.web> 
</location> 


其 中 path 指定 ，deny users 表示 :97 表示 
4. 


private bool payOrder (long id, string orderUserName, decimal orderPrice) 


{ 

bool 1LSOK = false; 

using ( ts = new ) // 事 务 

{ 
UsersService userService = new UsersService(); 
Orders order = db.oOrders.Single(o => o0.1D == 1d && 0.State == oldstate); 
order.PayTime = DateTime .Now; 
order.Sstate = newSstate; 
db .submitChanges () ; 
1SOK = true; 
// 扣 款 失 败 
1f (1s0k && userService.Deposit (orderUserName, ~orderPrice) == false) 
{ 

1SOK = false; 
SetError (null，" 付 款 失 败 ") ; 

} 
if (isOok) ts. ) ; // 成 功 则 提交 事务 

} 

return 1SOK; 

} 


5. ASPNET 的 Repeater 控件 用 于 展示 列表 数据 ， 其 可 以 在 子 标签 femTemplate 之 中 
定义  。 
6. 在 Repeater 控件 的 ItemTemplate 中 定义 了 如 下 的 控件 : 


<asp:CheckBox ID="chkIsApproved™" ToolTip="<$®# Eval ("UserName"™")$> 
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runat="server™ 
Checked="'<$# Eval ("IsApproved")%>" AutoPostBack="true" 
oncheckedchanged="chkIsApproved Checkedchanged™" /> 


其 中 oncheckedchanged 用 于 指定 ，ToolTip 用 于 实现 

三 、 是 非 题 

( ) 1. ASPNET 表单 认证 的 当前 用 户 基本 信息 体 存 在 HttpContext.Current.User 中 。 

( ””) 2. ASPNET 母 版 页 可 以 作为 妨 一 个 母 版 页 的 内 容 页 ， 从 而 形成 鞠 和 父 母 版 页 。 

) 3. CSS 中 可 以 通过 margin 和 padding 定义 一 个 元 素 的 外 边 距 和 内 边 距 ， 其 取 
值 范围 为 非 负 整数 。 

( ) 4. CSS 文 持 使 用 日 定义 字体 ， 用 于 实现 图 标 显 示 方 便 珊 效 。 

( ) 5. 在 Web 应 用 中 ， 如 有 条 列表 页 的 记录 数量 过 多 ， 则 应 该 采用 分 页 扩 术 来 展示 。 

( 。 ) 6，LINQ to SQL 技术 无 法 使 用 数据 库 中 的 存储 过 程 。 

( ) 7. 假设 ASPNET 复 选 框 设置 了 CssClass 属性 为 chkSelect， 则 jQuery 可 以 通 
过 $(".chkSelect").attr("checked") 来 获取 其 选择 状态 。 

( ) 8. ASPNET 的 Repeater 控件 具有 和 GridView 完全 相同 的 IemCommand 事 
件 ， 包 括 事件 的 参数 。 

、 实 践 题 

1. 设 有 图 书 管 理 数 据 库 : 

图 书 (图 书 编号 C(6) ,分 类 号 C(8), 书 名 CcC(16) ,作者 c(6) ,出 版 单位 C(20) ,单价 N (6,2)) 

读者 ( 借 书 证 号 C (4) ,单位 Cc (8) ,姓名 c(6) ,性 别 c (2) ,职称 c(6) ,地 址 c (20)) 

借阅 ( 借 书 证 号 C (4) ,图 书 编号 C(6), 借 书 日 期 D(48) ， 还 书 日 期 D(8) ) 


请 完成 以 下 LINQ 命令 (假设 DataContext 对 象 db 已 经 创建 ): 

(1) 求 出 当前 借阅 图 书 的 谈 者 人 次 ; 

(2) 求 图 书馆 所 有 图 书 的 总 价 和 平均 价格 ; 

(3) 统计 读者 所 在 单位 的 〈 非 重复 ) 数量 ; 

(4) 找 出 图 书馆 中 最 贵 的 和 最 便宜 的 图 书 价格 。 

2， 完成 《小 明 网 上 书城 》 系 统 框架 搭建 ， 实 现 模板 页 ， 实 现 基 于 ASPNET 成 员 资 格 
的 登录 页 面 ， 并 配置 好 权限 控制 ， 实 现 订单 管理 为 核心 的 业务 后 台 ， 注 意 订单 管理 中 的 事 
务 和 并 发 处 理 ， 并 在 必要 时 使 用 分 页 技术 来 展示 列表 。 


学 习 目 标 

。 掌握 使 用 CSS 实现 Repeater 控件 实现 内 容 平 铺 的 技巧 ; 

。 掌握 简单 得 找 页 面 的 实现 技巧 ; 

。 理解 购物 车 模块 在 商城 应 用 中 的 作用 ， 千 握 购 物 车 数据 结构 的 设计 ; 

。 理解 保存 用 户 购 物 车 的 原理 ， 和 掌握 使 用 Session 对 象 保存 用 户 购 物 车 的 方法 ; 

。 和 掌握 管理 购物 车 中 商品 的 方法 ， 和 掌握 根据 购物 车 生成 订单 的 方法 ; 

。 掌握 SELECT…GROUP BY…HAVING…ORDER BY 的 分 组 统计 SQL 语句 ， 深 刻 
理解 分 组 统计 结果 字段 只 能 是 聚合 函数 或 分 组 依据 的 理由 。 


17.1 前台 浏览 页 面 
1， 前 台 首 页 


首页 Default.aspx 页 面 能 套 在 Site master 母 版 页 中 ， 布 局 设计 和 区 互 参 见 图 14-4， 具 
体 的 浏览 效果 如 图 17-1 所 示 。 
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图 17-1 前台 首页 Default.aspx 页 面 浏览 效果 图 


1) DIV 布局 
图 17-1 的 布局 总 体 可 以 分 为 content left 和 content right 两 个 <div> 区 块 ， 对 应 图 14-4 
中 “商品 分 类 超 链 接 ” 和 “商品 清单 ”". 开 友 时 考 夸 到 商品 分 类 内 容 偶 少 ， 因 此 在 其 下 方 添 
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加 了 一 个 推荐 商品 栏目 ， 上 其 体 的 页 面 框 染 代 人 码 如 下 : 


<asp:Content ID="BodycContent”" runat="server" 
ContentPlaceHolderID="MainContent"> 
<div Class="content left"> 
<div class="content"><! 一 商品 分 类 超 链 接 --> 
</d1liv> 
<div class="content"><!-- 推 荐 商品 栏目 --></div> 
</div> 
<div Class= "content rght"> 
<dlv class="content"> 
<1 一 -商品 清单 Repeater 控件 --> 
1 
</d1liv> 
</d1liv> 
</asp:Content> 


2) Repeater 平 铺 
上 述 代码 中 的 注释 部 分 表示 的 局 部 区 域 也 都 是 通过 DIV 布局 实现 的 , 例如 推荐 商品 栏 
目 分 为 头 部 content heading 和 清单 grid_box 两 个 <div> 区 块 ， 有 具体 页 面 框架 代 但 如 下 : 


<dlv class="content"™"> 
<dliv class="content heading"> 
<div class="heading title™"> 
<h3> 推 荐 商品 </h3> 
</div> 
<dlv class="clear™"™></d1iv> 
</div> 
<QIV class="grid box"> 
<!-- 推 荐 商品 清单 -~-> 
<dliv class="clear™"™></div> 
< /dl1V> 
< /dl1V> 


各 区 域 中 每 个 商品 展示 ， 也 是 一 个 <div> 元 素 ,以 商品 清单 中 单个 商品 的 展示 为 例 ,每 
个 商品 的 内 容 都 包含 在 <div> 元 素 中 ， 代 人 码 如 下 : 
<div Class— "grid grid"™> 
<! 一 单个 商品 展示 --> 


</div> 
其 中 的 grid_grid 样式 类 用 于 实现 平 铺 效果 ， 相 应 的 CSS 代码 为 


-grid grid 

{ 
display: block; 
float: left; 
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margin: 1$% 1$ 1 和 0; 
width: 15.8%;» 
padding: 1.5%; 
text-align: center; 
position: relative; 


} 


上 述 代码 中 float 属性 实现 平 铺 ， 通 过 控制 width 属性 占 比值 ， 束 可 以 控制 一 行 中 平 铺 
的 商品 数量 ， 例 如 15.8% 的 效果 就 是 每 行 展 示 5 个 商品 。 如 末 将 width 属性 调整 为 22.2%， 
那么 每 行 展 示 4 个 了 商品， 这 就 是 通过 DIV+CSS 实现 平 铺 的 灵活 之 处 。 

使 用 Repeater 控件 可 以 方便 地 根据 商品 数量 生成 相应 的 商品 展示 代码， 只 要 将 原来 使 
用 Repeater 控件 生成 列表 的 表格 标记 修改 成 <div> 标 记 ， 其 他 数据 绑 定 、 命令 绑 定 等 全 部 保 
留 ， 例 如 展示 商品 清单 的 mpGoods 控件 具体 页 面 代 码 为 


<asp:Repeater ID="rpGoods™ runat="server"> 
<ItemTemplate> 
<d1iv class="grid grid"> 

<asp:HyperLink ID="hlGoods" runat="server"<!-- 打开 商品 明细 的 超 链接 --> 
NavigateUrl="<$# Eval ("ID™", "~/GooOds.aspx?1d={0}")$>"'> 
<asp:Image ID="imgGoods" runat="server" <1!-- 超 链接 内 容 为 商品 图 片 --> 

Height="342px"ImageUrl="'<$# Eval ("Photo")®%>" /> 

</asp:HyperLink> 

<div class="mark"> <!-- 商品 评分 --> 
<asp:Label ID="lbScore™ CssClass="score™” runat="server" 
Text="<$%# Eval ("Score")$>'></asp:Label> 

</diliv> 

<p class="intro"> <!-- 商品 标题 --> 
<asp:Literal ID="Literal2"™" runat="server" 
Text="'<$# Eval ("Title"™)$s$>'></asp:Literal> 

</p> 

<p> <! 一 商品 价格 --> 
<asp:Label ID="1bPrlce" CssClass="price™" runat="server" 


Text="'<$# Eval ("Price™, "¥ {0}")$%>'></asp:Label> 


</p> 
<div class="button"> <!- 将 商品 加 入 购物 车 的 链接 按钮 --> 
<span> 


<img src="Images/cart.Jpg" alt="™" /> 
<asp:LinkButton ID="btAddToCart™ CssClass="cart-button box-shadow" 
runat="server" CommandName="AddToCart" 
CommandArgument="<$# Eval ("ID™)%$>" > 购买 
</asp:LinkButton> 
</span> 
</dliv> 
<div class="button"> <!- 将 商品 加 入 收藏 夹 的 链接 按钮 --> 
<SPan> 
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<asp:LinkButton ID="btBookmark" CssClass="box-shadow" 
runat= "server"CommandName="AddToBookmark™ 
CommandArgument="<$%#Eval ("ID™")$>" > 收藏 
</asp:LinkButton> 
</span> 
</div> 
</div> 
</ItemTemplate> 
</asp:Repeater> 


3) 绑 定数 据 
从 上 述 页 面 代码 中 可 以 看 到 ， 展 示 内 容 是 通过 Eval(0 方 法 绑 定 数据 来 提供 的 ， 下 面 是 
Default.aspx 负面 初始 化 时 为 Repeater 控件 绑 定 数据 源 的 代码 : 


protected vold Page Load (object sender, EventArgs e) 
{ 
1f (!IsPostBack) 
{ 
// 绑 定 分 类 超 链接 清单 数据 源 
CategoryService catSsvr = new CategoryService (); 
rpCategory.Datasource = catsvr.GetData (null); 
rpCategory.DataBind (); 
// 绑 定 推荐 商品 清单 数据 源 
GoodsSerVlce goodsSsvr = new GoodsService () ; 
rpAdGoods .DataSource = goodssvr.GetTopl0 (); 
rpAdGoods .DataBind (); 
/ /保存 查询 参数 
hiddenCatId.Vvalue = Request["catid"™]; 
hiddenKey.Value = Request["key"]; 
// 绑 定 所 有 商品 清单 〈 分 页 ) 数据 源 
paderGoods .PadeSlze = 20; 
LoadPagedData (pagerGoods .CurrentPagelIndex);} 


} 


上 述 代 码 中 的 catSvr.GetData0 方 法 就 是 前 面 用 于 后 台 商 品 分 类 管理 的 同一 个 BLL 方 
法 。 获 取 推 荐 商品 goodsSvrGetIop100 方 法 中 使 用 了 LINQ 降序 排序 OrderByDescending() 
方法 和 限制 获取 记录 数 Take0 方 法 ， 其 中 OrderByDescending0 方 法 和 OrderBy0 方 法 类 似 ， 
只 是 排序 方向 相反 ， 其 体 的 LINQ 语句 为 

db .Goods .OrderByDescending(g => g.sScore) .Take (10) .ToList() 

4) 商品 租 找 

商品 伍 找 分 为 根据 商品 分 类 和 查找 和 根据 关键 字 租 找 两 种 途径 。 根 据 商 品 分 类 三 找 通过 
单 击 商品 分 类 超 链 接 进行 ， 商 品 分 类 超 链 接 的 页 面 代码 如 下 : 
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<div class="grid box"> 
«dv Class— "grid 115t"> 
<asp:HyperLink ID="hlCategory™" runat="server" 
Text=" 全 部 "” NavigateUrl="~/Default.aspx"></asp:HyperLink> 
</d1iv> 
<asp:Repeater ID="rpCategory” runat="server"> 
<ItemTemplate> 
<div class="grid list"> 
<asp:HyperLink ID="hlCategory" runat="server" Text="'<$#Eval ("Name™) $>" 
NavigateUrl="<$#Eval ("ID","~/Default.aspx?catid={0}")$%$>"'> 
</asp:HyperLink> 
</div> 
</ItemTemplate> 
</asp:Repeater> 
</div> 


上 述 代 码 中 ， 首 先是 一 个 表示 取消 分 类 限制 的 “全 部 ” 超 链接 ， 然 后 是 用 Repeater 控 
件 生 成 的 商品 分 类 超 链接 清单 。 单 击 某 个 商品 分 类 超 链 接 ， 就 会 请 求 Default.aspx 首页 ， 
同时 通过 URL 传递 catid 但 询 参 数 。Default.aspx 页 面 中 的 Page Load0 方 法 在 绑 定 商品 清 
里 时， 会 试图 从 人 三 询 参数 中 获取 这 个 参数 值 ， 作 为 商品 清单 的 但 询 条 件 。 

根据 关键 字 查 找 的 btSearch 按钮 位 于 Master site 母 版 页 中 ， 需 要 为 btSearch 按钮 添加 
单 击 事件 处 理 btSearch Click0 方 法 ， 具 体 的 定义 代码 如 下 : 


protected void btSearch Click(object sender, EventArgs e) 
| 

Response.Redirect (string.Format ("~/Default .aspx?key={0}",tbSsearchKey .Text) ) ; 
} 


btSearch Click() 方 法 中 就 只 有 重 定 问 到 Default.aspx 首页 的 一 条 语句 ， 同 时 通过 URL 
查询 变量 传递 key 参数 。 在 Default.aspx 的 Page Load0 方 法 中 ， 同 样 会 试图 从 查询 参数 中 
获取 key 参数 ， 然 后 用 于 商品 清单 的 得 询 条 件 。 

根据 catid 和 key 这 两 个 参数 获取 分 页 商品 清单 ,并 绑 定 到 Repeater 控件 的 代码 封 装 成 
Default.aspx 页 面 的 私有 方法 LoadPagedDasgta0， 有 具体 的 定义 代 但 如 下 : 


private string LoadPagedData(int cuUrrentPade ) 

{ 
GoodsService svVvr = new GoodsService ():; 
int? totalcnt; 
int? pageSsSize = pagerGoods .PageSsize; 
int? catId=Utils.ToNullableInt32 (hiddenCatId.Value); // 商 品 分 类 参数 catid 
string key=Utils.ToNullableSstrindqd(hiddenKev.Value); // 关 键 字 查找 参数 key 
// 调 用 BLL 层 的 分 页 查找 商品 方法 ， 该 方法 和 后 台 商 品 管理 页 面 调用 的 BLL 方法 是 同一 个 
rpGoods .DataSource = svr.GetPagedGoods (out totalCnt, pageSize, currentPrage, 

null, key, false, catId); 

rpGoods .DataBind () ; 
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pagerGoodsBottom.RecordCount = pagerGoods.RecordCount = totalcnt; 
return svr.ErrorMsgq; 


} 


pagerGoods 和 pagerGoodsBottom 上 下 两 个 页 码 喜 在 切换 页 码 事件 处 理 中 , 也 都 需要 调 
用 LoadPagedData0) 方 法 实现 新 页 码 商 品 清单 的 载 入 ， 例 如 pagerGoods 的 切换 页 码 事 件 处 
理 pageGoods PageChanged0 方 法 ， 有 具体 的 代码 为 


protected vold pagerGoods Pagechanged (object sender, EventArgs e) 
{ 
LoadPagedData (pagerGoods .CurrentPageIlIndex); 
pagerGoodsBottom.CurrentPageIndex = pagerGoods.CurrentPagelndex; 


} 


2.。， 商品 明细 

1) DIV 布局 

网 站 项 目 根 文件 夹 下 的 商品 明细 Goods.aspx 页 面 也 藤 套 在 Site.master 母 版 页 中 , 布局 
设计 参见 图 14-5$， 浏 览 效 末 如 图 17-2 所 示 。 


诺 喜 充电 式 眼 部 按摩 仪 气压 音乐 热 数 无 线 折 
营 式 护 眼 仪 眼 保 姆 防 近 视 眼 部 按摩 器 象牙 白 
眼 畏 

优惠 价 ， 至 9899. 00 贿 埋 计 分 : 0 
配送 状态 ， 上 架 日 期 2015/8/15， 有 贷 。 配 重 1 公 斤 。 

服务 ， 由 本 商城 提供 售后 服务 。16，00 以 前 下 单 ， 预 计 明天 发 货 。 


加 = 


ss 
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图 17-2 ”商品 明细 Goods.aspx 页 面 浏览 效果 


图 17-2 所 示 页 面 分 为 photo、binfo 和 intro 三 个 <div> 块 ， 分 别 用 于 展示 商品 图 片 、 商 
品 信 息 和 商品 详细 描述 ， 有 只 体 的 页 面 布局 代 但 如 下 : 


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent™ runat="server"> 
<div class="grid-detall"> 

<div class="photo"> 
<! 一 -商品 图 片 Photo--> 

</div> 

<div class="binfo™"> 
<h2>< 1! 一 -商品 标题 Title--></h2> 
<!-- 商 品 其 他 信息 --> 

</div> 

<div class="clear"></div> 

<div class="intro"> 
<h2> 商 品 明细 </h2> 
<!-- 商 品 详细 描述 Description--> 

</div> 
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</d1iv> 
</asp:Content> 


上 述 代 码 所 用 的 样式 类 没有 什么 特殊 之 处 ， 谈 者 可 根据 目 己 的 需求 对 其 调整 。 

2) 显示 商品 信息 

详情 页 面 通过 代码 为 控件 显示 属性 赋值 的 方法 实现 商品 信息 的 展示 。 注 意 商 品 明细 页 
面 需要 提供 一 个 “加 入 购物 车 ”的 按钮 ， 用 于 购买 该 商品 ， 为 此 需要 为 页 面 保持 商品 ID 
字段 值 ， 建 议 采 用 隐藏 控件 技术 。Goods.aspx 页 面 初 始 化 详细 代码 如 下 : 


protected vold Page Load(object sender, EventArgs e) 


{ 
1f (!IsPostBack) 
{ 
long id = Utils.ParseInt64 (Request["id"]);// 获 取 请 求 参 数 中 的 商品 ID 字段 值 
1f (id > 0) 
{ 
GoodsService svr = new GoodsService(); 
DAL.Goods goods = svr.FindById (id); / /获取 商品 
if (goods != null) // 获 取 商 品 成 功 
{ 
hiddenId.Vvalue = id.ToString(); / /保存 当前 商品 的 ID 字段 值 
imgGoods .ImageUrl = goods.Photo; 
1itTitle.Text = goods.Title; 
1itTag.Text = goods.Tag == null ? string.Empty : goods.Tag; 
1itPrice.Text = goods.Price.ToSstring(); 
11tScore .Text = goods .Score .TOoStTr1Ing() : 
litonTime.Text = goods .OnT1Ime .ToShortDateStrling() : 
1itstock.Text = goods .Stock > 0 2 "有 货 "” : "无 货 "; 
11ItWelght .Text = goods .Welght .ToStrlng () ; 
litDescription.Text = goods.Description; 
} 
} 
} 
} 


17.2 ”购物 车 模块 


购物 车 功能 方便 用 户 管理 单 次 购物 的 所 有 商品 ， 是 网 上 商城 的 核心 功能 之 一 。 购 物 车 
主要 功能 可 以 分 解 为 3 部 分 : 将 打算 购买 的 商品 加 入 购物 车 ， 查 看 和 调整 当前 购物 车 ， 根 
据 购物 车 生成 订单 。 每 个 顾客 拥有 自己 的 购物 车 ， 考 虑 将 购物 车 设计 成 一 个 类 。 

1， 数据 结构 

1) 商品 项 类 

首先 定义 购物 车 中 保存 单 件 商品 信息 和 数量 的 类 ， 在 LSS.Entities 项 目 根 文件 夹 下 添 
加 购物 车 商品 项 类 定义 文件 CartItem.cs， 其 中 的 代码 如 下 : 
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public class CartItem / /购物 车 商品 项 
{ 
public long ID { get; set; } // 商 品 ID 
public string Photo { get; set; } // 商 品 图 片 
public string Title { get; set; } / /商品 名 称 
public int Weight { get; set; } // 商 品 运输 重量 
public decimal Price { get; set; } // 单 价 
public int Qty { get; set; } / /购买 商品 数量 
public decimal TotalPrice / /获取 总 价 
{ 
get { return Price * Qty; } 
} 
public int TotalWeight // 获 取 总 重量 
{ 
get { return Weight * Qty; } 
} 


} 


// 构造 图 数 。 数 量 默认 为 1 
public CartIitem(long id, string photo, string title, 
int weight, decimal price, int qty = 1) 


this.ID = 1d; 
this.Photo = photo; 
this.Title = title; 
this.Weight = weight; 
七 
下 


his.Price = price; 


his.Qty = qty; 


CartItem 类 基本 上 只 定义 了 一 些 属性 ， 注 意 其 中 的 TotalPrice 和 TotalWeight 两 个 属性 
为 只 读 计算 属性 。 为 了 便于 创建 CartItem 对 象 ， 还 为 其 定义 了 一 个 构造 函数 。 

2) 购物 车 类 

接 下 来 在 LSS.Entities 项 目的 根 文 件 夹 中 添加 购物 车 类 的 定义 文件 ShoppingCart.cs, 其 
中 的 框架 定义 代码 如 下 : 


public class Cart // 购 物 车 类 


{ 


/ /内 部 保存 商品 清单 用 的 字典 数据 结构 ， 以 商品 ID 字段 作为 键 ， 商 品 对 象 为 值 

private Dictionary<long, CartItem> items = new Dictionary<long, CartItem> (); 
#region 管理 商品 的 方法 

public void AddItem(CartItem item) {} / /将 商品 添加 到 购物 车 

public bool ChangeQty(long id，int qty) {} // 修 改 商 品 数量 。 数量 0 表示 移 除 商品 
public bool AddQty (long id，int qty) {}// 增 加 商品 数量 。 数 量 为 负 ， 表 示 减 少 商 品 数量 
#endreglion 


#region 查询 方法 
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public ICollection CartItems { get { return items.Values; } } // 获 取 所 有 和 商品 
/ /判断 是 否 包 含 指定 ID 字段 值 的 商品 


public bool Contalns (long 1id) { return items.ContainsKey(1id); } 


public decimal TotalPrice { get { } } // 获 取 购 物 车 中 所 有 商品 的 合计 价 
public int Totalweight { get { } } / /获取 运输 总 音量 

public decimal ShipFee { get; set; } // 设 交 或 狂 取 运费 

public int Count { get { return items.Count; } } // 获 取 商 品种 类 数 
#endregion 
} 


为 了 方便 对 购物 车 中 的 商品 进行 检索 , 购物 车 内 部 使 用 了 强 类 型 的 字典 (Dictionary<>) 
数据 结构 来 记录 商品 。 购 物 车 类 具有 一 些 关 于 总 体 情况 的 属性 和 一 些 对 于 购物 车 中 商品 的 
管理 方法 ， 这 些 都 是 基于 字典 类 和 商品 项 类 来 完成 的 。 

例如 ， 添 加 商品 到 购物 车 的 AddItem( 方 法 ,利用 _items.ContainsKey0 方 法 判断 购物 车 
中 是 否 已 经 存在 该 商品 ， 利 用 items.Add0 方 法 添加 商品 ， 而 获取 商品 则 是 通过 系 引 属性 
_items[key] 这 样 的 方式 ， 有 具体 代 但 为 


public void AddItem(CartItem item) 


{ 
if (! items .ContainsKey (item.ID) ) /7 购物 车 中 尚 无 该 商品 
{ 
items.Add (item.ID, item); / /添加 这 个 商品 
} 
else /7 否则 ， 只 需要 增加 该 商品 的 购买 数量 
{ 
CartItem sameItem = jitems[item.ID]; // 取 出 该 商品 对 象 
sameItem.Qty += item.Qty; / /增加 数量 
} 
} 


修改 商品 数量 的 ChangeQty0 方 法 和 增加 或 减少 商品 数量 的 AddQty0 方 法 同样 使 用 了 
_items.ContainsKey0 方 法 检查 对 应 商品 是 耕 存 在 ， 当 修改 后 的 商品 数量 为 0 时 还 使 用 了 
_items.Remove() 方 法 来 从 字典 中 移 除 该 商品 。 例 如 AddQty0 方 法 的 代码 为 


public bool Addoty (long id, int qty) 


{ 

if ( items.ContainsKey (1d)) 

{ 
CartItem item = (CartItem) items[id]; / /获取 对 应 商品 
item.Qty += qty; / /修改 数量 ， 注 意 qty 可 正 可 负 
if (item.Qty <= 0) / /如 果 修 改 后 数量 为 0 
{ 

items .Remove (id); // 从 商品 清单 (字典 ) 中 移 除 

} 


return true; // 返 回 true， 说 明 添 加 数量 成 功 
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} 
return false; // 返 回 false， 说 明 无 此 商品 ， 添 加 数量 失败 
} 


但 询 方法 中 的 Contains0 方 法 用 于 判断 购物 车 中 是 侍 存 在 指定 商品 ， 生 接 调 用 了 
_items.ContainsKey0 方 法 来 实现 。 其 他 查询 方法 是 通过 属性 方式 提供 的 ， 例 如 只 读 的 
CartItems、TotalPrice、TotalWeight 和 Count 属性 ， 通 过 直接 返回 items 字典 对 象 的 相应 属 
性 值 或 简单 计算 后 的 值 。 以 TotalWeight 属性 为 例 ,通过 遍历 累加 _items 字典 对 象 中 商品 重 
量 的 方法 来 得 到 运输 总 重量 ， 具 体 的 代码 如 下 : 


public int TotalWeight 


{ 
get 
{ 
int sum = 0; 
foreach (CartItem item in items.Values) /7/ 遍 历 字 典 中 的 商品 对 象 
{ 
sum += item.TotalWelight; / /累加 当前 商品 的 重量 
} 
return sum; 
} 
} 


考虑 到 运费 计算 一 般 来 说 比较 复杂 ， 不 太 适 合 直接 定义 在 购物 车 类 中 ， 因 此 将 运费 计 
算 将 放 到 BLL 层 的 方法 中 ， 由 订单 服务 OrderService 类 负责 。 相 应 地 ， 购 物 车 类 中 运费 
ShipFee 属性 是 一 个 读 写 属性 ， 可 以 记录 订单 服务 的 运费 计算 结果 。 

2 购物 车 处 理 逻 得 

1) 保存 购物 车 

购物 车 属于 每 个 用 户 独 立 的 一 个 状态 ,但 其 数据 量 相对 于 Cookie 来 说 侦 大 ， 因 此 考虑 
用 Session 状态 存储 技术 。 使 用 Session 的 缺点 是 需要 消耗 内 存 ， 对 服务 喜来 说 是 比较 重 的 
负载 。 同 时 Session 不 能 路 浏览 右 会 话 周期 ， 天 闭 浏 览 抢 后 重新 访问 网 站 ， 你 存在 Session 
中 的 购物 车 束 会 消失 。 为 了 解决 Session 保存 购物 车 的 问题 ， 还 可 以 用 数据 库 来 保存 用 户 
的 购物 车 ， 对 此 谈 者 可 以 目 行 租 阅 资料 。 

LSS 中 将 购物 车 直接 保存 到 Session 中 ， 考 夸 到 很 多 页 面 莉 有 访问 购物 车 的 再 要 ， 因 
此 将 保存 和 获取 购物 车 的 方法 定义 在 LSS.BLL 项 目 中 的 OrderService 类 中 ,例如 获取 购物 
车 的 GetCart(0 方 法 详细 定义 代码 如 下 : 


Public Cart GetCart() 
{ 
/ /尝试 从 Session 中 获取 购物 车 
Cart cart = HttpContext.Current.Session[Consts.SsShoppingCartKey] as Cart; 
if (cart == null) / /如 果 购 物 车 不 存在 , 则 可 以 理解 为 是 一 个 空 购物 车 
{ 
cart = new Cart();  // 创 建 这 个 空 购物 车 
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HttpContext .Current .Session[Consts.ShoppingCartKey]=cart;// 保 存 到 Session 中 
} 
return cart; // 返 回 从 Session 获取 或 者 新 建 的 购物 车 
} 


注意 : 为 了 能 在 LSS.BLL 项 目 中 使 用 Session， 须 为 其 引用 System.Web.dll 程序 集 ， 
然后 通过 HttpContext.Current.Session 属性 来 访问 ， 它 和 ASPX 页 面 的 Session 属性 指向 同 
一 个 Session 。 

另外 ， 作 为 存 取 Session 中 对 象 的 基本 规范 ， 上 述 代 人 码 使 用 了 Consts.ShoppingCartKey 
字符 串 毅 量 作为 购物 车 的 存 取 标识 ， 因 此 和 再 要 在 LSS.Entities 项 目的 Consts.cs 文件 中 添加 
如 下 代 介 : 


public static class Consts 


{ 


/// <summary> 
/// 购物 车 保存 到 Session 的 Key 
/// </summary> 
public static string ShoppingCartKey = "ShoppingCart™; 
} 
2) 添加 商品 到 购物 车 
Default.aspx 页 面 中 为 每 个 商品 设置 了 一 个 “购买 ”按钮 ， 这 是 一 个 Repeater 控件 的 命 
令 按 钮 ， 相 应 定义 的 页 面 代 但 如 下 : 
<asp:Repeater ID="rpGoods™ runat="server"> 


<ItemTemplate> 


<asp:LinkButton ID="btAddToCart™" CssClass="cart-button box-shadow" 
runat="server"CommandName="AddToCart"CommandArgument="<$%#Eval ("ID")%$>"'> 


购买 </asp:LinkButton> <!-- 将 商品 加 入 购物 车 的 Repeater 命令 按钮 --> 


</ItemTemplate> 
</asp:Repeater> 
为 rpGoods 控件 绑 定 OnItemCommand 事件 处 理 ppGoods ItemCommand() 方 法 ， 页 面 
代 但 为 
<asp:Repeater ID="rpGoods™ runat="server” OnItemCommand="rpGoods Item 
Command"> 


相应 的 页 面 后 台 Default.aspx.cs 文件 中 添加 如 下 事件 处 理 人 代码; 


protected vold rpGoods ItemCommand (object source, RepeaterCommandEventArgs e) 


{ 
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1f (e.CommandName == "AddToCart") 
{ 
long id = Utils.ParseInt64 (e.CommandArgument);// 从 事件 参数 提取 商品 ID 字段 值 


GoodsService svr = new GoodsService (); 


DAL .Goods goods = svr.FindById(id); / /调用 商品 服务 获取 商品 
if {goods != null) / /如 果 获 取 商 品 成 功 
{ 

OrdersService ordSvr = new OrdersService (); 

Cart cart = ordSvr.GetCart (}; // 调 用 订单 服务 获取 购物 车 


/ /根据 商品 创建 购物 车 商品 项 

CartItem ci = new CartIitem(goods.ID, goods.Photo, goods.Title, 
goods .Weight, goods.Price, 1); 

cart .AddItem(ci); // 调 用 购物 车 的 添加 商品 项 方法 


} 
商品 详情 Goods.aspx 页 面 也 有 一 个 针对 页 面 展 示 商 品 的 购买 按钮 控件 ， 页 面 代 介 为 


<asp:LinkButton ID="btAddToCart™ CssClass="cart-button box-shadow" runat= 
"server™ 


OnClick="btAddToCart Click"> 购 买 </asp:LinkButton> 


在 页 面 后 台 代 人 码 Goods.aspx.cs 文件 中 ,按钮 单 击 事件 处 理 btAddToCart Click0 方 法 的 
代码 和 ImpGoods ItemCommand(0 方 法 的 大 同 小 异 , 最 关键 的 区 别 在 于 获取 商品 卫 字段 伍 的 
途径 不 同 ， 具 体 代 码 如 下 : 


protected vold btAddToCart Click(object sender, EventArgs e) 
{ 
long id = Utils.ParseInt64 (hiddenId.Value);// 从 页 和 面 隐藏 学 段 获取 和 商品 ID 字段 值 


GooOdsService Ssvr = new GoodsService ()}; 


DAL .Goods goods = svr.FindById(id); // 调 用 商品 服务 获取 商品 
if (goods != null) /7 如 果 获 取 商 品 成 功 
{ 

OrdersService ordSvr = new OrqdersSerVvlcerlr) ， 

Cart Cart 三 Ordsvr.GetCart{(}): // 调 用 订单 服务 获取 购物 车 


// 根 据 商 品 创建 购物 车 商品 项 ， 并 调用 购物 车 添加 商品 项 方法 
cart -AddItem (new CartItem(goods.ID, goods.Photo, goods.Title, 
goods .Weight, goods.Price, 1)); 


} 

3. 购物 车 页 面 

ShoppingCart.aspx 页 面 用 于 展示 购物 车 中 的 商品 ， 并 提供 用 户 修改 购物 车 中 的 商品 ， 
操作 界面 如 图 17-3 所 示 。 
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购物 车 


商品 单价 (元 ) ” 数 重 小 计 (元 ) ”所 作 
a， VERTU 戌 途 高 端 眼 部 技 座 器 音乐 热敷 眼睛 护 眼 仪 眼 周 
| 者 W 
PA 去 眼 禾 虐 保 仪 W299.00 -1 + Y99.00 期 付 
配 征 1 公斤 ， 总 重 1 公 厂 
湛 嘉 充电 式 眼 部 按摩 仪 气压 音乐 热 囊 无 线 折 有 达 式 护 眼 
“se 人 ( 仪 肯 保姆 防 近视 眼 部 技 摩 器 象牙 白 


产 Wo9.00 -1 + 99.00 Es 
配 午 1 公 厂 ， 总 重 1 公 乒 
lIPhone 4s 
Fd 000.00 = | + 1 000.00 出 条 
”配置 1 公斤 ， 总 重 1 公 打 


总 价 〈 合 运费 10) : 15308.00 。 确 正 购 天 
图 17-3 ”购物 车 ShoppingCart aspx 页 面 浏览 效果 


1) 页 和 面 布局 
ShoppingCart.aspx 页 面 使 用 了 的 Cart.css 样式 文件 ， 其 布局 框架 代码 如 下 : 


<S@ Page Title="™" Language="C#" MasterPageF1ile="~/Site.Master" 

AutoEvent Wireup="true"CodeBehind="ShoppingCart.aspx.cs 

"InheTlts="LSS .Web .ShopplmngCaTr 七 " 委 > 

<asp:Content ID="Contentl™" ContentPlaceHolderID="HeadContent™" runat="server"> 
<link href="Styles/Cart.css"™" rel="stylesheet™ type="text/css™" /> 

</asp:Ccontent> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent"™" runat="server"> 


<div Class="cart— -11ist"> 


<h2> 购 物 车 </h2> 
<! 一 -购物 车 中 商品 列表 -> 
<br /> 
<table> 
<tr> 


<td alidqdn="ridht"><1!1-- 购 物 车 中 总 价 和 运费 信息 --></td> 
<td><!-- 人 确定 购买 超 链接 ， 链 接 到 Cartorder .aspx--></td> 
</tr> 
</table> 
</d1iv> 
</asp:Ccontent> 


上 述 代 码 中 “确定 购买 超 链 接 ” 就 是 一 个 连接 到 CartOrderaspx 页 面 的 HyperLink 控 
页 面 定义 代码 为 


<asp:HyperLink ID="hlOrder™" runat="server" NavigateUrl="~/Cartorder.aspx"> 
人 确定 购买 </asp:HyperLink> 


“购物 车 总 价 和 运费 信息 ” 则 是 两 个 Label 控件 ， 页 面 定义 代码 为 


总 价 〈 会 运费 <asp:Label ID="lbShipFee" runat="server"></asp:Label>) 
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: <asp:Label ID="1borderPrlce" runat="server"></asp:Label> 


“购物 车 中 商品 列表 ”仍然 使 用 Repeater 控件 ， 但 布局 采用 表格 方式 ， 页 面 框架 代 
码 为 


<table class="result-tab"> 
<tr><!-- 表 头 标题 --></tT> 
<asp:Repeater ID="rpGoods™ runat="server™ 
onItemCommand="rpGoods Item Command OnILemDbataBound= 
“TYPGoods ItemDataBound"> 
<itemtemplate> 
<LT> 
<td><! 一 -商品 图 片 超 链接 --></td> 
<td><! 一 -商品 名 称 超 链接 --></td> 
<td><asp:Label ID="1bPrlce" CssClass="price™" runat="server" 
Text="'<$# Eval ("Price™", "¥{0:N2}")$%>'></asp:Label></td> 
<td><!-- 数 量 和 数量 修改 操作 --></td> 
<td><asp:Label ID="lbTotalPrice™ CssCl1ass="pFLCe"” runat="server" 
Text="'<$# Eval ("TotalPrice"™, "v¥{0:N2}")$%>'></asp:Label></td> 
<td><! 一 -删除 购物 车 中 商品 的 链接 按钮 --></td> 
«tr> 
</itemtemplate> 
</asp:Repeater> 
</table> 


上 述 代码 中 的 “商品 图 片 ” 或 “商品 名 称 超 链 接 ” 用 于 在 新 浏览 夯 窗 口中 打开 商品 详 
情 页 面 ， 以 商品 图 片 超 链接 为 例 ， 页 和 面 定义 代 公 为 


<asp:HyperLink ID="hlDetail™" runat="server" Target=" blank" 
NavigateUrl="'<$#Eval ("ID™","~/Goods.aspx?1d={0}")$>"'> 
<asp:Image ID="imgGoods" runat="server" ImageUrl="'<$# Eval ("Photo"™")®$>" /> 


</asp:HyperLink> 


上 述 代码 中 的 图 片 InageUrl 和 超 链 接 的 NavigateUrl 属性 值 都 通过 数据 绑 定 的 方式 
提供 。 

购物 车 中 商品 数量 的 修改 通过 两 个 LinkButton 控件 来 实现 ， 了 商品 数量 则 用 TextBox 控 
件 来 展示 ， 且 不 允许 用 尸 下 接 修改 ， 相 应 的 页 面 定 义 代 公 如 下 : 


<asp:LinkButton ID="lbSub" runat="server™ Text="—" CommandName="Sub" 
CommandArgument="'<$# Eval ("ID")%$>"/> 

<asp: TextBox ID="tbQty™" runat="server™" Width="30px" ReadOonly="true" 
Text="'<$# Eval ("Qty") $>"'></asp:TextBox> 

<asp:LinkButton ID="lbAdd™" runat="server™" Text="+" 


CommandName="Add™" CommandArgument="'<$# Eval ("ID")%®%>"'/> 


购物 车 移 除 商品 的 按钮 需要 在 浏览 融 中 弹出 “确认 ”对 话 框 ， 上 基体 的 页 面 定义 代 介 为 
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<asp:LinkButton ID="btDelete" runat="server™" CommandName="Delete" 
onCclientclick="return confirm(' 您 确定 要 从 购物 车 移 除 该 商品 ?"');" 
CommandArgument="'<%$# Eval ("ID")$>'Text=" 删 除 " CausesVvalidation="False"/> 


2) 购物 车 展示 
购物 车 的 展示 可 以 分 为 购物 车 商品 清单 和 购物 车 总 体 信 息 两 部 分 ， 将 其 定义 为 一 个 
ShoppingCart.aspx 页 面 的 私有 方法 。 在 ShoppingCartaspx.cs 文件 中 添加 如 下 的 代码: 


/// <summary> 

/// 显示 购物 车 内 容 

/// </summary> 

/// <param name="cart"> 购 物 车 对 象 </param> 

private Vold ShowCart (Cart cart) 

{ 
rpGoods .DataSource = cart.CartItems; // 为 Repeater 控件 绑 定 购物 车 商品 清单 
rpGoods .DataBlnd () ; 
OrdersService svr = new OrdersService(); 


cart .shipFee = svr.GetShipFee (cart.TotalWeight); // 调 用 BLL 层 的 方法 计算 运费 


lbshipFee.Text = cart.shipFee.Tostring(); // 显 不 运费 
lbOorderPrice.Text = (cart.TotalPrice + cart.ShipFee) .ToStringd(); /7 显示 总 价 


} 


在 ShoppingCart.aspx 页 面 Page Load() 方 法 中 ,调用 ShowCart0 方 法 完成 购物 车 页 面 初 
始 显 示 ， 具 体 代 人 码 如 下 : 


protected vold Page Load(object sender, EventArgs e) 


{ 
1f(!IsPostBack) 
{ 
OrdersService svr = new OrdersService (); 
Cartk eadrt = Svr.GetCarEt)s / /调用 BLL 层 方法 获取 购物 车 
ShowCart (cart)}); / /显示 购物 车 
} 
| 


3) 修改 购物 车 商品 

购物 车 页 面 的 各 种 操作 除了 那些 简单 的 超 链接 功能 外 ， 都 是 通过 触发 Repeater 控件 的 
ItemCommand 事件 来 完成 的 ， 对 应 的 事件 处 理 rpGoods ItemCommand(0) 方 法 ， 详 细 代 码 
如 下 : 


/// <summary> 
/// Repeater 的 行 命令 事件 ， 购物 车 操作 
/// </summary> 


protected vold rpGoods ItemCommand (object source, RepeaterCommandEventArgs e) 
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long id = Utils.ParseInt64 (e.CommandArgument).; / /获取 商品 ID 字段 值 


OrdersService svr = new OrdersSservice(); 


Cart eart = svr.CGetCart(lys / /获取 购物 车 
if (e.CommandName == "Sub") // 是 否 为 减少 商品 数量 按钮 
{ 
cart.Addoty (id, -1); / /减少 商品 数量 
} 
else if (e.CommandName == "Add") / /是否 为 增加 商品 数量 按钮 
{ 
cart.Addoty (id, 1); / /增加 商品 数量 
} 
else if (e.CommandName == "Delete™) / /是 否 为 移 除 商品 按钮 
{ 
cart.ChangeQty (id, 0); / /通过 数量 设置 为 0 来 表示 移 除 商品 
} 
ShowCart (cart); / /刷新 购物 车 的 展示 


} 


上 述 代码 中 也 调用 了 ShowCart0 方 法 来 显示 更 新 后 的 购物 车 。 

为 了 避免 通过 减少 数量 按钮 将 购物 车 商品 数量 减少 到 0 的 情况 ， 再 要 对 该 按钮 进行 控 
制 , 使 其 在 对 应 商品 数量 为 1 时 进入 无 效 状 态 , 这 需要 在 Repeater 控件 的 OnItemDataBound 
事件 中 进行 处 理 ， 处 理 方 法 mpGoods ItemDataBoundO 的 代码 为 


/// <summary> 
/// 行 数 据 绑 定 后 的 事件 处 理 : 购物 车 减少 数量 按钮 控制 
/// </summary> 
protected vold rpGoods ItemDataBound (object sender, RepeaterItemEventArgs e) 
{ 
if (e.Item.ItemType == ListItemType.Item 
| | e.Item.ItemType == ListItemType.AlternatingItem) 


// 获 取 行 绑 定数 据 。 注 意 : 只 在 行 数据 绑 定 事件 中 才能 获取 绑 定 行 数据 
CartItem ci = e.-Item.DataItem as CartItem; 
LinkButton lk = e.Item.FindControl ("IbSub") as LinkButton; 
// 行 数据 对 应 按钮 控件 
lk.Enabled = ci.Qty > 1; // 只 有 够 减 的 时 候 该 按钮 的 Enabled 属性 才能 设置 为 true 


} 


4. 生成 订单 
单 击 图 17-3 所 示 购 物 车 页 面 的 “确定 购买 ”按钮 ， 跳 转 到 CartOrder aspx 订单 确认 页 
面 ， 如 图 17-4 所 示 ， 该 页 面 负责 生成 订单 。 
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订单 确认 
证 选择 送 货 地 址 
占 及 姓 , 上 海 市 浦东 南路 101 号 , 13548751135 
稀 张三丰 , 杭州 市 天 目 山路 1385 号 , 13857101234 
@ 张 思 , 北京 天 坛 地 铁 有 限 公 司 ,13902134455 
各 其 他 地 址 
收 贡 人 ; | | 地 址 ; | | 联系 电话 : 
证 选择 付 式 方式 
四 在 线 支付 
稀 货 到 付款 
帐户 余 坦 (920676. 00 元 ) 
订单 明细 


商品 单价 (元 〉 数量 小 计 (元 》 


VERTU 威 途 高 端 眼 部 按摩 堪 音乐 热 青 眼睛 护 眼 仪 眼 周 去 眼袋 眼 保 仪 


VERTU 
[EY 
| 心 | = A | 
| sp ¥299.00 1 ¥299. 00 
配 重 1 公斤 ， 总 重 1 公 斤 


总 履 【〈 舍 运费 10) ，309. 00 确认 订单 


图 17-4 订单 确认 CartOrder.aspx 页 面 浏览 效果 


1) 页 面 布局 
订单 确认 页 面 由 3 部 分 构成 : 送 货 地 址 选择 输入 、 付 球 方 式 选择 和 订单 明细 ， 页 面 同 
样 使 用 Cart.css 样式 文件 ， 相 应 的 页 面 框架 代码 如 下 : 


<dlv class="cart-list"™" jd="cartList"™" runat="server"> 
<h2> 订 单 确 认 </h2> 
<h3> 请 选择 送 货 地 址 </h3> 
<1-- 送 货 地 址 单 选 按钮 组 ， 新 地 址 输入 。-=--> 
<h3> 请 选择 付款 方式 </h3> 
<!-- 付 款 方式 选择 单 选 按钮 组 。--> 
<h3> 订 单 明细 </h3> 
<!-- 购 物 车 页 面 类 似 的 订单 明细 ， 去 挥 调整 数量 的 按钮 。--> 
<asp:LinkButton ID="btPlaceOrder™ runat="server" 
OnClick="btPlaceOrder Click"> 确 认 订 单 </asp:LinkButton> 
</d1iv> 


上 述 代码 中 的 订单 明细 部 分 和 购物 车 页 面 的 商品 
钮 删除 即 可 。 

送 货 地 址 的 选择 通过 单 选 按钮 组 来 实现 ， 如 果 需 要 输入 新 的 送 货 地 址 ， 可 以 选择 其 他 
地 址 选项 ， 并 直接 输入 送 货 地 址 的 详情 ， 具 体 的 页 面 代码 如 下 : 


<q1V class="add-card"> 


清单 基本 相同 ， 只 需 将 修改 商品 的 按 


<asp:RadioButtonList ID="rblAddress™" runat="server"> 
</asp:RadioButtonList> 
<dly class="newadd"> 
收 货 人 : <asp:TextBox ID="tbRecipient" MaxLength-"20" runat="server"/> 
地 址 : <asp:TextBox ID="tbAddress" MaxLength="100"™ Width="400px" 


runat="server™ /> 
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联系 电话 : <asp:TextBox ID="tbPhone" MaxLength="50" runat="server"/> 
</d1iv> 
</div> 


上 述 代码 使 用 了 ASPNET 的 RadioButtonList 单 选 按 钮 组 控件 ， 具 体 单 选 选 项 通过 后 
台 代 码 设 置 。 付 球 方式 选择 采用 类 似 方法 ， 不 过 本 书 中 只 实现 账户 余额 支付 ， 所 以 不 具体 
展开 。 

CartOrder.aspx 页 面 同 时 负责 订单 生成 结果 的 反馈 , 为 此 需要 在 页 面 中 添加 一 个 结果 反 
饥 <div> 元 素 ， 根 据 是 否 是 回 发 请 求 确定 显示 哪个 <di 字 元 素 。 如 果 是 通过 单 击 
ShoppingCartaspx 页 面 “ 确 定购 买 ” 超 链接 发 出 的 非 回 发 请 求 ， 则 需要 显示 订单 确认 <div> 
元 素 ; 如 果 是 用 户 单 击 “确认 订单 ”按钮 发 出 的 回 发 请 求 , 则 需要 显示 结果 反馈 <div> 元 素 。 

为 了 能 通过 后 人 台 代 人 码 控制 这 两 个 <div> 元 和 素 的 现实 ， 需 要 为 这 两 个 添加 runat=“server” 
属性 ， 同 时 还 需要 指定 ID 属性 ， 具 体 的 页 面 代码 如 下 : 


<div class="cart— 11ist”™ 1d="cartList" rmat=—="server"> 
<! 一 订单 确认 DIV。--> 
</div> 
<div class="cart-—list"™" 1id="cartResult"™" runat="server"> 
<h2> 订 单 结果 </h2> 
<h3><asp:Literal ID="]itResult™ runat="server"></asp:Literal></h3> 
<div class="button"™"> 
<span> 
<asp:HyperLink ID="hlGoShop™ runat="server" 
NavigateUrl="~/Default .aspx"> 继 续 购 物 </asp:HyperLink> 
<asp:HyperLink ID="hlGoMyOrder™ runat="server" 
NavigateUrl="~/My/MyOrder .aspx"> 
查看 订单 
</asp:HyperLink> 
</span> 
</div> 
</div> 


上 述 代码 的 第 一 个 <div> 元 素 ，ID 属性 值 为 cartList， 也 束 是 本 小 节 最 初 给 出 的 订单 确 
认 <div> 元 素 ; 第 二 个 <div> 元 素 ，ID 属性 值 为 cartResult, 就 是 用 于 结果 反馈 的 <div> 元 素 。 

2) 显示 处 理 代 伍 

CartOrderaspx 页 面 中 的 许 细 内 容 需 要 由 对 应 后 人 台 代 但 负责 填 色 ， 其 Page Load0 方 法 
的 具体 代 但 如 下 : 


protected vold Page Load (object sender, EventArgs e) 


{ 
if (!IsPostBack) // 非 回 有 发 ， 说 明 是 进入 "订单 确认 "界面 
{ 
cartList.Visible = true: // 显 示 订 单 确认 <div> 元 素 
showAddress ():; /7 显示 送 货 地 址 选项 


showPayment () ; // 显 示 付 款 方式 选项 
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} 
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showSshoppingCart (); / /显示 订单 明细 
cartResult .Visible = false; // 隐 藏 结果 反馈 <div> 元 素 
} 
else // 回 发 ， 说 明 是 提交 "确认 订单 "的 结果 
{ 
CartList .Visible = false; // 隐 茂 订 单 确 认 <div> 元 素 
CartResult-Visible = true; // 显 不 结果 反馈 <div> 元 素 
} 


上 述 代码 中 的 showAddress0 方 法 通过 调用 地 址 服务 类 的 GetAddressForCurrentUser() 
方法 获取 用 户 地 址 清单 ， 据 其 生成 地 址 选项 ， 具 体 代码 为 


private Vold showAddress () 


{ 


} 


AddressService svr = new AddressService (); 
List<Address> list = svr.GetAddressForCurrentUser(); // 获 取 当 前 用 户 的 地 址 
foreach (Address addr in 11st) 
{ 
ListItem 11 = new ListIitem(string.Format ("™{0}, {1},1{2}", addr.Reciplient, 
addr .Address,addr.Phone),，addr.ID.ToString()); // 根 据 地 址 创建 选项 


1i.selected = addr.IsDefault:; /7/ 这 是 一 个 默认 地 址 ， 则 选中 它 
rblAddress.Items.Add (1i):; / /添加 到 单 选 列 表 中 
} 


/ /添加 一 个 即时 输入 地 址 的 其 他 地 址 选项 
rblAddress.Items.Add (new L1istItem!l "其 他 地 址 "， Consts -EmptyID) ) ， 


showPayment( 方 法 负 贡 生成 付 球 选项 , 其 中 账户 余额 文 付 方式 震 要 显示 当前 用 户 账 户 


其 值 通过 调用 用 户 服 务 的 FindUser(0 方 法 获取 用 尸 对 象 来 得 到 ， 有 共 体 的 代码 如 下 : 


private void showPayment () 


{ 


} 


rbPay.Items.Add (new ListItem(" 在 线 支付 "，"0")); 
rbPay.Items.Add (new ListItem(" 货 到 付款 ",，"™1")); 


UsersService svr = new UsersService()}; 

VW Users usr = SVvIr.FindUser () ; 

if (usr != null) /7/ 获 取 用 户 成 功 ， 显 示 用 户 的 当前 账户 余额 
{ 


ListItem1i=newListItem(string.Format ("账户 余额 ({0} 元 )", usr.Deposit)，, "3"); 
rbPay.Items.Add (11); 


showShoppingCart(0 方 法 显示 订 音 明细， 其 代码 和 ShoppingCart.aspx.cs 中 显示 购物 车 
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淹 品 清单 的 代码 基本 相同 。 考 虑 到 此 时 商品 清单 不 再 变化 ， 所 以 可 以 直接 使 用 购物 车 页 面 
保存 在 购物 车 中 的 运费 ， 具 体 的 代码 为 


private Vold showSshoppingCart () 


{ 
OrdersService svr = new OrdersService (); 
Cart cart Se svr .CatCart(is / /调用 BLL 层 服务 获取 购物 车 
rpGoods.DataSource = cart.CartIitems:; // 绑 定购 物 车 中 的 商品 清单 
rpGoods .DataBind (); 
lbshipFee.Text = cart.shipFee.Tostring (); // 显 不 运 宽 
lborderPrice.Text = (cart.TotalPrice + cart.ShipFee) .ToString ();// 显 示 忆 价 
} 


3) 订单 创建 方法 

用 户 选 择 送 货 地 址 和 付款 方式 后 ， 单 击 “ 确 认 订单 ”btPlaceOrder 按钮 执行 订单 创建 
操作 : 首先 收集 用 户 选 择 的 送 货 地 址 ， 然 后 处 理 付 款 方 式 ， 最 后 生成 订单 并 完成 付款 。 相 
应 的 事件 处 理 btPlaceOrer CjlickO0) 方 法 的 具体 定义 如 下 : 


protected vold btPlaceOrder Click(object sender, EventArgs e) 


{ 
/ /1 .收集 地 址 数据 
Address shipInfo = null; 
long addressId = Consts.NullID; / /界面 选择 的 地 址 ID 字段 值 


1f (long.TryParse (rblAddress.SelectedValue, out addressId) && addressId > 0) 
{ // 地 址 ID 字段 值 解 析 成 功 且 有 效 


AddressService svr = new AddressService (); 


shipInfo = svr.FindById (address1Id); // 从 数据 库 获取 指定 地 址 的 实体 对 象 
} 
else // 是 即时 输入 的 地 址 
{ 


shipInfo = new Address (){ ID= Consts.NullID, Addressl = tbAddress .Text, 
Reciplient = tbReciplient.Text, Phone = tbPhone.Text }; 
/ /创建 输入 地 址 的 实体 对 象 

} 
//2 .付款 方式 ， 目 前 仅 支 持 余额 付款 方式 上 略 ) 
String payMethod = rbPay.SelectedVvalue; 
//3. 创 建 订单 
OrdersService ordSvr = new OrdersService(); 
1f (ordsvr.CreateOrderFromCart (shipInfo, payMethod)) 
{ 

1itResult.Text = "成 功 创建 订单 ， 并 完成 付 蒜 。"; 

ordSvr.ClearCart (1) : // 清 空 购物 车 
} 


else 
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litResult.Text = ordSvr.ErrorMsg; // 给 出 服务 方法 返回 的 错误 信息 
} 
} 


根据 ASPNET 页 面 生 命 周 期 ，btPlaceOrer ClickO0) 方 法 在 Page Load0 方 法 之 后 执行 。 
由 于 是 回 发 请 求 ， 所 以 Page Load0 方 法 会 隐藏 cartList 元 素 ， 显 示 cartResult 元 素 ， 然 后 
btPlaceOrder_ ClickO 方 法 执行 订单 创建 操作 ， 并 在 创建 订单 成 功 时 执行 如 下 语句 : 


1itResult .Text = "成 功 创建 订单 ， 并 完成 付款 。"; 
创建 订单 失败 时 执行 如 下 语句 : 
11tResult .Text = ordSvr.ErrorMsg; 


即 通 过 carList 元 素 中 的 litResult 控件 反馈 创建 订单 的 结果 。 
btPlaceOrder_Click0 方 法 创建 订单 成 功 后 ， 还 执行 了 清空 购物 车 的 ClearCart0 方 法 ， 访 
方法 定义 在 OrdersService 服务 类 中 ， 代 但 为 


public vold ClearCart() 
{ 
HttpContext.Current.Session[Consts.SsShoppingCartKey] = null; 
} 
OrderService 类 的 CreateOrderFromCart0 方 法 负责 根据 购物 车 创建 订单 并 保存 到 数据 
库 中 ， 访 方法 接受 两 个 参数 一 -shipInfo 和 payMethod,， 分 别提 供 送 货 地 址 和 付 计 方式。 由 
于 购 物 车 是 用 Fa 全 局 对 象 » 所 以 无 肌 传递 购物 车 参数 0 该 方 法 的 县 体 定义 如 下 . 


Public bool CreateOrderFromCart (Address shipInfo, string payMethod) 

{ 
string userName = HttpContext.Current .User.Identity.Name; / /当前 用 户 名 
Guid userId = (new UsersService()).GetUserID();  // 获 取 用 户 ID 字段 值 


Cart cart = GetCart () ， / /获取 购物 车 
/ /创建 订单 ， 订 单 状态 为 新 建 
long ordId = Consts.NullID; / /新 建 订单 的 ID 字段 值 ， 假 设 失 败 ， 为 空 


// 率 涉 到 订单 头 和 订单 明细 ， 所 以 需要 事务 


using (Transactionscope ts = new Transactionscope ()) 


try 
{ 
/ /根据 送 货 地 址 信息 创建 订单 涉 ， 状 态 为 新 建 
Orders order = new Orders() { UserID = userld, UserName = userName, 
Address = shipInfo.Address]l,Recipient = shipInfo.Reciplient, 
Phone = shipInfo.Phone, TotalPrice = cart.TotalPrice, 
shipFee = cart.shipFee, 
OrderPrice= cart.TotalPrice + cart.shipFee, State = OrdersSstate .New, 


CreateTime = DateTime.Now, PayTime = DateTime.Now }; 
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/ /根据 购物 车 商品 清单 创建 订单 明细 

OrderDetalil orderDetail = null; 

foreach (CartItem ci in cart.CcartItems) // 依 次 添加 每 件 商 上 品 为 订单 明细 项 

{ 
orderDetalil = new OrderDetail () { OrderID = order.ID, GoodsID = cl1.ID， 

Price = cli.Price, Amount = ci.Qty, TotalPrice = ci.Price * cl1.Qty}; 

order.OrderDetail.Add (orderDeta1il); 

} 

db.orders.InsertonSubmit (order):; 

db .submitChanges () ; 

ordId = order.ID; 


ts .Complete() ; //V 保 存 成 功 ， 提 交 事 务 
} 
catch (Exception exp) 
{ 
SetError (exzp， "创建 订单 失败 。") ; /7 失败 ， 设 置 错误 信息 
ordId = Consts.NullID; // 设 置 订单 ID 字段 值 为 定 ， 表 示 失 败 
} 


} 

// 订 单 ID 字段 值 >0， 说 明 订 单 成 功 创建 ， 则 付款 (目前 仅 支 持 余额 付款 ) 

1f (ordIqd > 0) 

{ 
/ /修改 订单 状态 为 已 付款 ， 该 BLL 方法 会 从 用 户 余额 中 扣 款 
i1sPalid = changestate (ordId, Ordersstate.New, OrdersSstate.Paid, userName, 
userName, cart.OrderPrice).; 


if (!isPaid) // 如 果 付 款 失 败 ， 并 不 认为 创建 订单 失败 ， 只 是 订单 状态 保持 为 "新 建 " 


{ 

SetError (null., string .Format ("成 功 创建 订单 {0}， 但 付款 失败 。 ™ rdud)}s 
} 
return ordId > 0 && 1sPald:; 


} 
上 述 方 法 中 的 付款 操作 调用 了 changeState() 方 法 ， 具 体 参 见 16.3 节 。 
注意 CreateOrderFromCartO 方 法 在 添加 订 间 明细 时 为 订单 明细 的 OrderID 字段 赋值 为 
订单 ID 字段 值 (OrderID = order.ID)， 即 指定 订单 明细 项 所 属 的 订单 ， 但 是 订单 ID 字段 
值 是 自 增长 字段 ,在 上 述 代码 执行 时 order.ID 字段 值 尚未 生成 , 那么 这 样 赋值 是 否 合理 呢 ? 
答案 是 L2S 具备 保障 目 增 外 键 ID 字段 值 一 致 性 的 机 制 ， 这 样 赋值 是 合理 的 。 


17.3 我 的 商城 


“我 的 商城 ”是 顾客 管理 个 人 信息 和 订单 的 后 人 台 模 块 ， 下 面 主要 介绍 业务 处 理 方面 的 
问题 。 

1.。 枝 版 页 

在 LSS.Web 项 目 中 添加 My/My.master 母 版 页 ， 将 其 媒 套 在 Site.Master 母 版 页 中 。 可 


ASP.NET 项 目 实 训 


SC web 程序 设计 
以 从 Admin/Admin master 母 版 页 中 复制 页 面 布局 代码 ， 然 后 对 其 中 的 菜单 项 进行 修改 ， 具 
体 修改 成 如 下 代码 : 


<ul class="sidebar——list"™> 


<1i runat="server"><a href="#"><i class con-font">&#xe014;</i> 我 的 账户 </a> 


= 


<Ul1 class="sub—menu"> 
<li><a href="Default.aspx"> 
<i class="icon-font">&#xe003;</i> 个 人 信息 </a></1i> 


<li><a href="MyAddress.aspx"> 
<i class="icon-font">&#xe004;</i> 我 的 地 址 </a></1i> 


</uly> 


</11> 
<11 runat="server"><a href="MyOrders .aspx"> 


<i class="icon-font">&#xe05f;</i3> 我 的 订单 </a3S</1i> 
</ul> 
末日 项 中 的 个 人 信息 链接 到 My/Default.aspx 页 面 ， 我 的 地 址 链接 到 My/Address.aspx 
页 面 ， 我 的 订单 链接 到 My/MyOrders.aspx 页 面 。 


2 个 人 信息 
个 人 信息 管理 完成 用 户 个 人 信息 的 修改 、 密 码 修改 和 余额 充值 3 项 功能 ， 全 部 功能 在 


My/Default.aspx 外 面 中 和 完成， 该 页 面 租 僚 在 Mymaster 母 版 中 中 ， 如 图 17-5 顾客 用 户 后 全 
个 人 信息 维护 页 和 面 所 示 。 


| 
姓名 张 三 身份 是 ”尚未 身份 认证 
电子 邮件 juserl 人 @lssy.edu | 修改 
昌 衬 码 | 站 室 奏 
将 码 议 1 巾 履 
余额 5602.00 元 : 充值 元 确定 


图 17-5 顾客 用 户 后 人 台 个 人 信息 维护 页 面 


1) 页 面 代 但 
My/Default.aspx 页 面 的 框架 可 以 参考 Admin/Default.aspx 页 面 。 个 人 信息 需要 进行 修 


妇 操 作 ， 因 此 需要 使 用 TextBox 控件 并 添加 “修改 ”按钮 ， 例 如 修改 密码 部 分 的 页 面 代码 
如 下 : 


<]i><label class="res-lab"> 旧 密 公 </1label> 
<asp:TextBox ID="tbOldPasswd"” runat="server” TextMode="Password"> 


</asp: TextBox> 
<asp:RequliredFieldVvalidator ID="rvOldPasswd" runat="server" ErrorMessage="*" 


ForeColor="Red" ControlToValidate="tbOldPasswd" Display="Dynamic" 
ValidationGroup="vpasswd"></asp:RequiredFieldValidator></11> 
<]i><label class="res-lab"3> 新 窗 公 </1label> 


<asp:TextBox ID="tbNewPasswd" runat="server”" TextMode="Password"> 


</asp: TextBox> 
<asp:RequiredFieldValidator ID="rvNewPasswd" runat="server" 
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ContTrolLToVal1ldate="tbNewPasswd"” Display="Dynamic™" ErrorMessage="*" 
ForeColor="Red™" VallidationGroup="vpasswd"></asp:RequlredFieldVvalidator> 
</11> 

<]i><label class="res-lab"> 窗 公 确 认 </label> 

<asp:TextBox ID="tbNewPasswd2" runat="server" TextMode="Password"> 
</asp:TextBox> 
<asp:CompareValidator ID="cVPasswd" runat="server" 
ControlToCcompare="tbNewPasswd" 
ControlToVvalidate="tbNewPasswd2"™" Display="Dynamic" ErrorMessage="*" 
ForeColor="Red™" ValidationGroup="vpasswd"></asp:CompareVvallidator>g&nbsp; 
<asp:LinkButton ID="btChangePasswd" runat="server" 
ValidationGroup="vpasswd" 


OnClick="btChangePasswd Click"> 修 改 </asp:LinkButton></1i> 


上 述 代 人 码 包含 3 个 密码 输入 框 以 及 3 个 校 验 控件 分 别 用 于 新 、 旧 密码 必 输 校 验 和 密码 
确认 匹配 校 验 。 该 页 面 中 还 有 3 个 “修改 ”按钮 对 应 不 同 内 容 的 修改 ， 例 如 上 述 代码 中 的 
btChangePasswd 链接 按钮 和 密码 校 验 控件 的 ValidationGroup 属性 值 都 为 vpasswd。 

另外 ， 如 果 需 要 控制 文本 框 仅 输入 数字 内 容 ， 可 以 将 文本 框 的 TextMode 属性 值 设 置 
为 Number， 例 如 图 17-5 中 的 充值 文本 框 。 

2) 显示 个 人 信息 

在 My/Default.aspx 页 面 的 Page Load0 方 法 完成 个 人 信息 的 显示 ， 有 具体 代码 如 下 : 


protected vold Page Load (object sender, EventArgs e) 


{ 
1f (!IsPostBack) 
{ 

UsersService svr = new UsersSservice (); 

vw Users usr = svr.FindUser(); // 获 取 当 前 用 户 

litUserName.Text = usr.UserName; // 显 示 用 户 名 

lbRealName.Text = usr.RealName; / /显示 真 名 

if {usr.IDCard == null) / /检查 身份 证 是 否 设 置 

{ 
1bID.Text = "尚未 身份 认证 "; 

} 

else 

{ 
string id = usr.IDCard; / /保密 方式 显示 号 份 证 号 码 
1bID.Text = id.Substring (0, 3) .PadRight (id.Length 一 5, "*") 

+ 1d.Substring(id. Tength 一 3. 2)3 
} 
tbEmail.Text = usr.Emall == null ? string.Empty : usr.Emall; 
/7 显示 电子 邮件 
lbDeposit.Text = usr.Deposit.ToSstring();// 显 示 余 额 
} 
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3) 修改 个 人 信息 
修改 电子 邮件 地 址 的 btChangeEmail 按钮 ， 其 单 击 事件 处 理 btChangeEmail ClickO 方 
法 的 代码 为 
protected vold btChangeEmail Click(object sender, EventArgs e) 
{  // 获 取 当 前 用 户 MembershipUser 对 象 
MembershipUser usr = Membership.GetUser (false); 


usr .Email = tbEmail.Text; // 议 置 Email 届 性 
try 
{ 
Membership.UpdateUser (usr); // 调 用 Membership 方法 更 新 用 户 信息 
Utils.SsShowPrompt (lbPrompt，" 更 新 Email 成 功 "，false); // 提 示 成 功 
} 
catch (Exception exp) / /异常 提示 失败 
{ 
Utils.ShowPrompt (lbPrompt, "更 新 Email 失败 ，" + exp.Message); 
} 


} 


修改 用 户 密 人 码 须 调用 MembershipUser 类 的 ChangePassword() 方 法 ， 相 应 的 btChange 
Passwd ClickO 方 法 代码 为 


protected vold btChangePasswd Click(object sender, EventArgs e) 
{ / /获取 当 前 用 户 MembershipUser 对 象 
MembershipUser usr = Membership.GetUser (false); 
try 
{ 
// 调 用 修改 密码 的 方法 
usr.ChangePassword (thoOldPasswd.Text, tbNewPasswd.Text); 
Utils.ShowPrompt (lbPrompt, "修改 密码 成 功 "， false); // 显 示 成 功 
} 
catch (Exception exp) // 异 常 ， 提 示 失 败 
{ 
Utils .ShowPrompt (lbPrompt， "修改 窗 码 失败 ，" + exp.Message);，; 


} 


充值 基于 前 述 BLL 层 的 UserService.Deposit0 方 法 ， LSS 并 没有 实现 和 银行 或 支付 宝 
守 人 金融 服务 机 构 的 对 接 ， 为 了 方便 测试 ， 目 前 只 要 用 户 输 入 金额 ， 单 击 “ 确 定 ” 近 钮 就 可 
以 增加 存 球 ， 上 基体 btDeposit_Click() 方 法 代 公 如 下 : 

protected void btDeposit Click(object sender, EventArgs e) 


{ 


UsersService svr = new UsersService ():; 
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decimal amount = 0: 


/ /如果 输 入 的 充值 金额 大 于 0 


1f (decimal.TryParse (tbDeposit.Text, out amount) && amount > 0) 


{ 


string userName = HttpContext.Current .User.Identity.Name; 


if (svr.Deposit (userName，amount)) // 调 用 增加 存款 的 服务 方法 成 功 


{ 


Utils.ShowPrompt (lbPrompt，" 存 款 成 功 。"，false); // 显 示 成 功 信息 


/ /刷新 存 球 显示 
tbDeposit.Text = "0O™; 
Vw Users UST = svr.FindUserByUserName (userName); 


lbDeposit.Text = usr.Deposit.ToString (); 


} 
else // 存 球 失 败 ， 则 显示 错误 信息 
{ 
Utils.ShowPrompt (lbPrompt, svr.ErrorMsg); 
} 
} 
} 
3 我 的 地 址 
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“我 的 地 址 ”管理 少量 的 用 户 地 址 ， 因 此 无 须 搜索 、 分 页 等 功能 ， 而 且 每 条 地 址 记录 


只 有 3 个 字段 再 要 输入 ， 因 此 采用 类 似 于 商品 分 类 管理 的 界面 交互 方式 。 


添加 骨 套 在 My/My.master 母 版 页 中 的 My/MyAddress.aspx 页 面 ， 页 面 的 Content 元 素 


的 内 容 可 以 从 Admin/Categoryaspx 中 复制 。 删 除 其 中 的 搜索 区 域 ， 修 改 文本 使 其 符合 


地 址 的 特点 


收 货 


用 户 地 址 和 商品 分 类 管理 在 实现 技术 上 也 基本 相同 ， 下 面 仅 介绍 BLL 层 AddressService 


类 中 的 关键 方法 。 
1) 地 址 清单 查询 
获取 指定 用 户 所 有 地 址 的 GetAddressForUser( 方 法 ， 具 体 代 人 如下: 


public List<Address> GetAddressForUser (Guid userID) 
{ 
List<Address> 11st = null; 


try 
{ 
list = db.Users.Single(u => u.UserID == userID) .Address.ToL1lst() : 
} 
catch (Exception exp) 
{ 
SetError (exp，" 获 取 用 户 地 址 失败 。")，; 
} 


return 11ist: 
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为 当前 用 户 获 取 所 有 地 址 的 GetAddressForCurrentUser0 方 法 ， 代 人 码 为 


public List<Address> GetAddressForCurrentUser () 
{ 

UsersSsService svr = new UsersSsService (); 

Guld usrID = svr.GetUserID(); 

return GetAddressForUser (usrID); 


} 


其 中 UsersService 类 提供 的 获取 当前 用 户 ID 的 GetUserID( 方 法 封装 了 ASPNET 成 员 资 格 
的 得 询 方法 ， 有 共 体 代 但 为 


public Guid GetUserID(string userName = null) 

{ 
MembershipUser usr = null; 
/ /如 果 没 有 指定 用 户 名 ， 则 获取 当前 登录 的 Membership 用 户 对 象 
if (string.IsNullOrEmpty (userName)) usr = Membership.GetUser (false); 
else usr = Membership.GetUser (userName) ;// 否 则 ， 获 取 指 定 Membership 用 户 对 象 
if (usr == null) { return Guid.Empty; } / /如 果 著 取 失 败 ， 则 返回 空 
else { return (Guid)usr.ProviderUserKey; }// 人 否则 ， 返 回 用 户 ID 字段 值 

} 


2) 地 址 增删 改 
添加 用 户 地 址 的 AddAddressForUser(0) 方 法 , 需要 进行 默认 地 址 的 处 理 , 具体 代码 如 下 : 


Public bool AddAddressForUser (Guid userId, string address, string reciplient, 
string phone,bool 1isDefault) 
{ 
bool 1isOK = false; 
DAL.Address add = new DAL.Address() { UserID = userld, Address = address, 
Recipient = recipient, Phone = phone, IsDefault = isDefault }; 
try 
{ 
db.Address.Insertonsubmit (aqddq) ， 


if (isDefault) // 如 果 是 默认 地 址 ， 则 需要 把 其 他 默认 地 址 设置 为 非 默认 

{ 
List<DAL.Address> otherAddressList = db.Address 
.Where (a => a.Address!= addressg&& a.IsDefault == true) .ToL1l1st() ; 
foreach (DAL.Address otherAddress 1In otherAddressL1ist) 


{ 
otherAddress.IsDefault = false: 


} 
db.SubmitChanges (); 


1SOK = true:; 
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} 
catch (Exception exp) 
{ 
SetError (exp)}; 
} 
return 1sOK; 


} 
修改 用 尸 地 址 的 Edit0 方 法 和 新 增 AddAddressForUser( 方 法 基本 相同 , 具体 代码 如 下 : 


public bool Edit (long addID, Guid usrID, string recipient, string address, 
string phone, bool 1isDefault) 

{ 
bool 1LSOK = false; 
DAL.Address add = null; 


add = db.Address.Singlel(a => a.ID == addID); 
add .UserID = usrID; 
add.Recipient = recipient; 
add.Address = address; 
add.Phone = phone; 
add.IsDefault = lisDefault; 
db.sSubmitChanges (); 
1SOK = true; 

} 

catch (Exception exp) 

{ 
SetError (exp， "修改 地 址 失败 。"); 

} 

return 1sOK; 


} 


删除 用 户 地 址 的 DeleteO0) 方 法 请 谈 者 目 行 完成 。 

4. 我 的 订单 

“我 的 订单 ”模块 包括 My/MyOrders.aspx 订单 列表 页 面 和 My/MyOrder.aspx 订单 详情 
页 面 ， 其 界面 和 业务 都 和 业务 后 台 的 订单 管理 相同 ， 可 以 复制 Back/Orders.aspx 订单 列表 
页 向 和 Back/Order.aspx 订单 详情 页 面 ， 然 后 进行 修改 。 下 面 集 单 介 绍 修改 中 再 要 注意 的 
事项 。 

1) 限定 当前 用 户 

我 的 订单 和 业务 员 管 理 订 单 的 第 一 个 区 别 是 前 者 需要 将 订单 限制 在 当前 用 户 的 范围 
内 。 调 整 获 取 分 页 订单 的 GetPagedOrders 存储 过 程 ， 使 其 能 够 指定 订单 所 属 的 用 尸 ， 也 恕 
是 将 获取 记录 数 和 具体 数据 的 两 处 WHERE 条 件 修改 成 如 下 代码 : 
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WHERE (@key IS NULL 
OR (@userName IS NOT NULL AND UserName LIKE "和 要" + key + “和 要" ) 
OR Reclplent LIKE '$%" + Qkey + '$' OR Phone LIKE ‘'$%" + @key + '$") 
AND (Q@state IS NULL OR [State] = @state) AND (ld 15 NULL OR IDS@t1d =@1d) 
AND (QcreateTime IS NULL OR CreateTime >= QcreateT1ime) 
AND (auserName IS NULL OR UserName = QuserName) 


存储 过 程 代码 修改 完成 后 ， 刷 新 一 下 Entity.dbml 模型 中 的 对 应 L2S 方法 ， 同 时 调整 
OrdersService 类 中 的 GetPageOrders0 方 法 。 为 了 避 倪 修改 原 有 调用 GetPageOrders(0) 方 法 的 
代码 ， 添 加 的 userName 参数 带 有 默认 值 ， 具 体 的 方法 头 定 义 的 代码 如 下 : 


public List<Orders> GetPageOrders (out int recCnt, int pageSsSize, 
int currPage, DateTime? createTime, string key, string state, 


long? id, string userName=null) 


因为 “我 的 订单 ”必然 是 当 前 用 尸 的 订单 ,所 以 在 My/MyOrders.aspx 页 面 中 移 除 订单 
列表 中 的 用 户 列 ， 并 修改 My/MyOrders.aspx.cs 文件 的 LoadPagedData0 方 法 ， 为 
GetPageOrders0 〇 方法 的 调用 添加 当前 用 户 名 参数 ， 修 改 后 的 代码 如 下 : 


private string LoadPagedDatal(int currentPade ) 


{ 
string userName = HttpContext.Current .User.Identity.Name;/ /获取 当前 用 户 名 


rpOorders.DataSource = svr.GetPageOrders (out totalCnt, pageSsize, 


currentPage,，createTime, key, state，orderId，userName) 7;y// 传 递 用 户 名 参数 


} 


2) 顾客 操作 订单 

顾客 对 自己 的 订单 可 以 执行 付款 、 关 闭 、 退 货 和 确认 操作 ， 这 些 操作 和 业务 员 后 台 操 
作 基 本 相同 。 其 中 关闭 操作 是 指 顾 客 对 于 尚未 付 球 (或 者 付款 失败 ) 的 订单 执行 取消 操作 ， 
这 是 前 面 没有 考虑 过 的 ， 为 此 需要 为 OrdersService 类 changeState(0) 方 法 添加 如 下 代 人 得 : 


private bool changqeState (long 1id, string oldstate, string newState， 


string opUserName, string orderUserName, decimal orderPrice) 


else 1f (oldstate == Ordersstate.New && newState == Ordersstate .Canceled) 


/7V 天 闭 订 单 


order.CloseMan = opUserName; 
order.CloseTime = DateTime .Now; 
Order -State = newSstate; 
db.submitChanges () ; 


13SOK = 七 FUG; 
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} 
} 
My/MyOrder.aspx 页 面 无 需 用 户 信息 标签 ， 同 时 须 调 整 可 用 操作 按钮 ， 如 下 面 的 代码 
所 示 : 


<asp:Button ID="btPay" CssClass="btn" runat="server"” Text=" 付 款 " 


OnClick="btPay Click"™" /> 

<asp:Button ID="btCancel™ CssClass="btn" runat="server"” TeXxt=” 关 财 " 
Onclick="btCancel Click™ /> 

<asp:Button ID="btReturn™" CssClass="btn™ runat="server"” Text=n 退 货 " 
onClick="btReturn Click™ /> 

<asp:Button ID="btConfirm™" CssClass="btn" runat="server"™ Text=" 确 认 " 


OncClick— "btcConfirm Click™ /> 
相应 地 修改 My/MyOrder.aspx.cs 文件 中 LoadData(0) 方 法 对 按钮 显示 控制 的 代码 为 


private Vold LoadData (long 1d) 


{ 
if (id > 0) 
{ 
// 傅 定 可 用 人 处理 控 钮 
btPay.Vvisible = order != null && order .State == Ordersstate.New; 
btcCcancel .Vvisible = order != null && order.SsState == OrdersState.-Pald:; 
btReturn.Visible = btConfirm.Visible = 
order != null && order.State == Ordersstate.shipped; 
} 
else 
{ 
Utils .ShowPrompt (lbPrompt，" 非 法 订单 编号 。"); 
btPay.vVvisible= btCancel .Visible= btReturn.Visible = btConfirm.Visible 
= falses 
} 
} 


以 及 增加 付款 事件 处 理 方法 btPay_ClickO 和 确认 事件 处 理 方法 btConfirm_ ClickO0， 代 
但 如 下 : 


protected vold btPay Click(object sender, EventArgs e) 


{ 
Changeorderstate (Ordersstate.Pald); // 人 和 付 款 
} 
protected void btConfirm Click(object sender, EventArgs e) 
{ 


ChangeOrderstate (OrdersState.Confirmed); // 人 确认 
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} 


还 需要 调整 上 述 代码 中 的 _ChangeOrderstate0 方 法 ， 将 其 中 的 发 货 操 作 修改 成 付款 操 
作 ， 上 具体 代码 如 下 : 


private Vold Changeorderstate (string newstate) 


{ 
else 1f (newState == OrdersState .Pald) 
{ 
svr.Pay (lid, HttpContext.Current.User.Identity.Name); 
} 
} 


5。， 商 品评 分 

顾客 对 确认 收 货 订单 的 商品 可 进行 评分 ， 分 值 为 1 一 $ 分 。 商 品评 分 记录 在 订单 明细 
行 ， 商 品 表 中 记录 的 商品 评分 是 所 有 顾客 对 这 个 商品 评分 的 平均 值 。 

1) 记录 评分 

在 BLL 层 的 OrdersService 类 中 添加 一 个 设置 订单 明细 商品 评分 的 方法 ， 具 体 代码 
如 下 : 


Public bool SetScoreForOrderDetalls (int score, long orderDetal1ID) 
{ 
bool 1isOk = false; 
try 
{ 
OrderDetalil orderDetal1 = db.OrderDetail .Single(o =>o.ID== orderDetailID); 
orderDetalil.Score = score; 
db.SubmitChanges (); 
1SOK = true; 
} 
catch (Exception exp) 
{ 
SetError (exp); 
} 
return 1sOk; 


} 


2) 得 分 展示 

得 分 展示 和 输入 的 界面 效果 如 图 17-6 所 示 。 超 链接 图 标 “ 交 ”表示 还 没有 评分 ， 单 击 
就 可 以 对 其 进行 评分 , 图 标 “ 克 ”表示 具体 得 分 。 例 如 图 17-6 中 第 1 件 商 品 的 得 分 为 4 分 ， 
第 2 件 商品 尚未 评分 ， 由 于 订单 状态 为 “已 确认 ”所 以 可 以 单 击 图 标 “ 交 ”进行 评分 。 
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商品 作 格 数 佳 总 从 评分 
VERTU 局 5 生 高 山 眼 部 按摩 如 音乐 热 茹 眼睛 护 
¥299.00 1 竺 299.00 看 识 齐 齐 六 
眼 fx 眼 千 去 眼 付 眼 保 保 
诺 亮 充 电 忒 眼 部 按摩 仅 气 压痛 乐 热 专 无 半 折 
¥999.00 1 半 999.00 站 让 站 丰 妆 


晋 式 护 眼 仅 眼 保姆 防 近 视 眼 部 按摩 避 象牙 日 
图 17-6 订单 商品 评价 


在 My/MyOrder.aspx 页 面 中 为 订单 明细 列表 添加 一 列 设置 评分 的 按钮 列 ， 页 面 代 公 为 


<table class="result--tab"»> 


<tr> 
<th> 商 品 </th><th> 价 格 </th><th> 数 量 < /th><th> 总 价 </th><th> 评 分 </th> 
< /> 


<asp:Repeater ID="rpGoods" runat="server™” OnItemCommand="rpGoods ItemCommand" 
onItemDataBound="rpGoods ItemDataBound"> 
<ItemTemplate> 


<td width—"20%"> 
<asp:LinkButton ID="btScorel" runat="server™" CommandName="Scorel" 


CommandArgument="<$%# Eval ("ID")$>"' Enabled="False">T</asp:LinkButton> 


<asp:LinkButton ID="btScore5" runat="server™" CommandName="Score5n 
CommandArgument="<%# Eval ("ID")%®>' Enabled="False">T</asp:LinkButton> 
</td> 
</ItemTemplate> 
</asp:Repeater> 
</table> 


5 个 评分 按钮 的 ID 属性 值 分 别 为 btScore1，btScore2，…，CommandName 属性 值 分 别 
是 Score1，Score2，…， 对 应 评分 1 一 $ 分 。 这 种 根据 每 一 行 数 据 单独 设置 的 按钮 ， 再 要 通 
过 Repeater 控件 的 行 数据 绑 定 事件 进行 控制 ， 例 如 rpGoods 控件 的 行 数 据 绑 定 事件 处 理 程 
序 代 但 为 


protected vold rpGoods ItemDataBound (object sender, RepeaterItemEventArgs e) 


{ 
if (e.Item.ItemType == ListItemType.Item 
|| e.Item.ItemType == ListItemType.AlternatingItem) 
{ 
OrderDetail od = (OrderDetail) e.Item.DataItem; // 行 绑 定 数据 


LinkButton lkl1 = ee.Item.FindControl ("btScorel™) as LinkButton; 

/7/ 行 评分 按钮 1 
LinkButton lk2 = e.Item.FindControl (nrbtScore2n) as LinkButton; 

// 行 评分 按钮 2 
LinkButton lk3 = e.Item.FindControl ("btScore3") as LinkButton.; 

// 行 评分 按钮 3 
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LinkButton lk4 = e.Item.FindControl ("btScore4") as LinkButton; 
// 行 评分 按钮 4 
LinkButton lk5 = e.Item.FindControl ("btScore5™"™) as IInKBUtton， 
// 行 评分 按钮 5 
if (hfState.Value == OrdersState.Confirmed) // 只 有 确认 订单 ， 才 能 评价 
{ 
if (!od.Score.HasValue) // 尚 未 评价 ， 人 允许 评价 (页 面 代 码 默 认 Enabled=False) 


{ 
lkl.Enabled = lk2.Enabled = lk3.Enabled = lk4.Enabled = lk .Enabled 
= true; 

} 

else // 已 经 评价 ， 保 持 不 允许 评价 ， 根 据 得 分 "点 党 "对 应 按钮 

{ 
int score = od.Score.Value; 


【Gd Score > 5) Jk5.Text = ™h"s 
if (od.Score >= 4) lk4.Text = " 友 "; 
if (od:Score 3= 3 lk3.Text = "kk"; 
if (od.Score >= 2) lk2.Text = " 友 "; 
if (od.Score 3= 1 kl. Text = 和 让 一 


3) 得 分 设置 
用 户 单 击 上 述评 分 按钮 触发 pGoods 控件 的 行 命令 事件 ， 事 件 处 理 方法 的 代码 如 下 ; 


protected vold rpGoods ItemCommand (object source, RepeaterCommandEventArgs e) 


{ 


long odId = Utils.ParseInt64 (e.CommandArgument);// 提 取 评 分 订单 详情 ID 字段 值 
// 从 事件 按钮 的 CommandName 中 提取 对 应 评分 
string score = e.CommandName.Substring(5, 1); 
int sc = Utils.ParseInt32 (score); 
if (sc > 0) // 提 取 评 分 成 功 
{ 
OrdersService svr = new OrdersService (); 
if (svr.SetScoreFororderDetails (sc，odId)) // 人 设置 评分 成 功 


{ 
long id = Utils.ParseInt64 (1bID.Text); / /获取 订单 ID 字段 值 
LoadData (iqd); / /刷新 订 蛙 显示 

} 

else 

{ 


Utils.ShowPrompt (lbPrompt，“" 评 价 失败 。"™ + svr.ErrorMsg); 
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上 述 代码 中 的 SetScoreForOrderDetailsO) 方 法 目前 仅 处 理 了 订单 明细 的 商品 评分 ， 要 得 
到 商品 评分 还 要 使 用 集合 函数 ， 为 了 能 够 将 最 新 订单 明细 的 商品 评分 纳入 统计 ， 和 再 要 先 提 
克 订 蛙 明 细 评 分 ， 然 后 进行 统计 计算 ， 两 者 显然 属于 原子 操作 ， 因 此 需要 局 用 事务 范围 。 
修改 上 述 SetScoreForOrderDetails0 方 法 ， 有 具体 代码 如 下 : 


/// <summary> 
/// 设置 订单 明细 的 商品 评分 和 订单 明细 商品 的 评分 
/// </summary> 
public bool SetScoreForOrderDetalils (int score, long orderDetalilID) 
{ 
bool 1isOk = false; 


using (TransactlonScope ts = new TransactlonScope () ) 
{ 
try 
{ 
OrderDetalil orderDetal1 = db.OrderDetail .Single (oco=> o.1D°—— orderDetalilID); 
orderDetail.Score = score; // 记 录 订 单 明 细 的 商品 评分 
db .SubmitChanges () ; / /提交 到 数据 库 
int avgScore = 0; 


double? avgSscoreDouble = db.OrderDetail.Where(o => Oo.GoodsID == 
orderDetail.GoodsID) .Average (o => o.Score); // 计 算 订 单 明 细 商 品 的 评分 
avgqScore = (int) (avqdScoreDouble ?? 0 + 0.5);  // 四 舍 五 入 取 整 
Goods goods = db.Goods.FirstorDefault (g => g.I1ID == orderDetall .GoodsID); 
if (goods != null) // 获 取 订 单 明 细 商 品 成 功 
{ 
goods .Score = avgScore;  // 记 录 商 品评 分 
qdb . Submitchandqdes (); /7/ 提 交 到 数据 库 
} 
ts.Complete(); // 提 交 事 务 
1sOk = true; 
} 
catch (Exception exp) 
{ 
SetError (exp); 
} 
} 


return 1i1sOk: 
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一 个 管理 软件 中 的 数据 可 以 分 为 两 类 : 一 类 是 业务 数据 ， 反 映 业 务 运作 具体 情况 的 数 
据 ， 夯 一 关 则 是 在 业务 数据 基础 上 进行 分 析 得 到 的 分 析 数 据 。 业 务 人 员 主 要 负责 业务 数据 
的 处 理 ， 但 是 领导 决策 者 更 关心 分 析 数 据 ， 这 也 是 大 数据 这 个 概念 受到 广泛 关注 的 原因 


2 web 程序 设计 一 一 ASP.NET 项 目 实 训 
Pa 

1. 分 组 统计 

1) 基本 概念 

以 管理 员 首 页 显示 统计 数据 为 例 ， 其 中 有 对 不 同 状态 订单 的 数量 和 金额 统计 数据 ， 
如 图 16-2 所 示 ， 这 些 数据 采用 LINQ 查询 来 获取 ， 例 如 获取 指定 状态 订单 数量 的 LINQ 话 
何 为 


cnt = db.orders.Wherel(o => o.State == COS) .Count () ; 


为 了 得 到 不 同 状 态 订 蛙 的 数量 ， 需 要 为 每 个 状态 蛙 独 执行 上 述 LINQ 语句 ， 其 本 质 是 
将 订 蛙 按照 状态 分 组 ， 然 后 分 别 统 计 每 组 中 的 订单 数量 ， 这 就 是 分 组 统计 。LINQ 和 SQL 
和 直接 文 持 分 组 统计 ，LSS 中 采用 SQL 存储 过 程 的 方法 来 实现 所 和 需 的 分 组 统计 功能 。 

分 组 统计 租 询 的 SQL 语法 为 

SELECT < 目标 字段 清单 > 

FROM < 表 名 > 

[WHERE < 条 件 >] 

GROUP BY < 分 组 依据 字段 清单 > 

[HAVING < 分 组 过 滤 条 件 表 达 式 >] ] 

[ORDER BY < 排序 规则 >] 

(1) 分 组 依据 笠 段 ; 可 将 分 组 统计 理解 为 抑 使 用 “SELECT * FROM…WHERE…” 语 
名 获取 答 询 结 末 ， 然 后 按照 分 组 依据 字段 清单 对 得 询 结束 进行 横 问 切 分 ， 也 融 是 根据 分 组 
依据 字段 值 判定 查询 结 末 记录 所 属 的 分 组 ， 值 相同 的 结 末 记录 属于 同一 分 组 。 

(2) 目标 字段 清单 : 记录 分 组 后 ， 对 每 一 组 中 的 记录 使 用 集合 函数 求 出 统计 结果 ， 形 
成 分 组 结果 的 一 条 记录 。 有 目标 字段 清单 指定 最 终 记 录 中 包含 的 字段 ， 只 能 指定 集合 函数 或 
者 分 组 依据 字段 。 

(3) 分 组 过 小 条 件 表达 式 : WHERE 条 件 用 于 指定 分 组 统计 涉及 的 记录 范围 ， 如 采 想 
要 对 分 组 统计 结果 进行 过 滤 ， 可 以 通过 HAVING 子 句 来 指定 。HAVING 条 件 表 达 式 中 涉及 
的 字段 同样 只 能 是 集合 图 数 或 者 分 组 依据 字段 。 

2) 订单 分 组 统计 

假设 数据 库 中 订单 数据 如 表 17-1 所 示 ， 求 管理 员 首 页 所 需 的 各 状态 订单 数量 和 总 
金额 。 


表 17-1 订单 表 中 的 订单 数据 


ID UserName State TotalPrice ShipFee OrderPrice 
] userl 5 10000 90 10090 

5 userl 3 1298 10 1308 

6 user2 2 13000 10 13010 

7 user2 2 2298 10 2308 

8 user2 ] 5298 10 3308 

9 user2 1 2499 10 2309 


使 用 Group By 子 句 来 实现 订单 分 组 统计 ， 相 应 的 SQL 语句 为 
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SELECT COUNT (*) ,SUM (OrderPrice) FROM Orders 
GROUP BY State 
执行 上 述 语句 将 得 到 如 表 17-2 所 示 的 结果 。 

表 17-2 订单 状态 分 组 统计 结果 


(无 名 列 ) (无 名 列 ) 
2 7817 
2 17318 
1 1308 
1 10090 


表 17-2 的 统计 结果 有 两 个 问题 ， 诈 先是 缺少 列 名 ， 其 次 是 不 知道 每 一 行 〈 分 组 统计 纤 
果 行 ) 对 应 的 订单 状态 是 什么 ， 所 以 需要 将 上 述 SQL 语句 修改 为 


SELECT State, COUNT(*) AS Amount ,SUM(OrderPrice) AS TotalPrice 
FROM Orders 
GROUP BY State 


上 述 SQL 语句 的 执行 结果 如 表 17-3 所 示 。 


表 17-3 订单 状态 分 组 统计 结果 【〈 带 状态 信息 ) 


State Amount TotalPrice 
] 2 7817.00 
2 要 17318.00 
3 ] 1308.00 
3 ] 10090.00 


如 果 希 望 在 表 17-3 的 结果 中 排除 取消 状态 订单 ,可 以 通过 WHERE 语句 在 分 组 统计 之 
前 过 滤 取 消 状 态 的 订单 ， 即 State 字段 值 为 5 的 订单 ， 这 些 订单 根本 就 不 参与 分 组 统计 ， 具 
体 的 SQL 语句 为 


SELECT State, COUNT(*)} AS Amount ,SUM(OrderPrice) AS TotalPrice 
FROM Orders 

WHERE State<>5 -- 注 意 : WHERE 子 句 必须 在 GROUP BY 子 句 之 前 

GROUP BY State 


通过 HAVING 子 句 可 以 在 分 组 统计 完成 后 过 滤 不 满足 条 件 的 结果 , 取消 状态 的 订单 首 
先 参与 分 组 统计 ， 最 后 被 丢弃 (是 一 种 浪费 )， 具 体 的 SQL 语句 为 


SELECT State, COUNT(*) AS Amount ,SUM(OrderPrice) AS TotalPrice 
FROM Orders 

GROUP BY State 

HAVING State<>5 -- 注 意 : HAVING 子 句 必须 在 GROUP BY 子 句 之 后 


如 果 希 望 排 除 统计 数据 中 汇总 金额 小 于 10 000 元 的 状态 ， 只 能 通过 HAVING 子 句 ， 
因为 WHERE 子 句 不 涉及 统计 结果 ， 具 体 的 SQL 语句 为 
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SELECT State, COUNT(*) AS Amount ,SUM(OrderPrice) AS TotalPrice 
FROM Orders 

GROUP BY State 

HAVING SUM (OrderPrice)>10000 


需要 注意 的 是 ，HAVING 子 句 中 无 法 引用 目标 统计 字段 ， 例 如 上 述 SQL 语句 中 的 
SUMI(OrderPrice) 函 数 不 能 替换 成 TotalPrice 目标 字段 ， 即 下 面 的 SQL 语句 是 错误 的 : 


SELECT State, COUNT(*) AS Amount ,SUM(OrderPrice) AS TotalPrice 
FROM Orders 

GROUP BY State 

HAVING TotalPrice>10000 -- 错 误 ， 无 法 引用 TotalPrice 目标 字段 


如 果 要 将 分 组 统计 结果 按照 汇总 订单 金额 从 大 到 小 排序 , 那么 采用 下 面 SQL 语句 是 否 
正确 ? 

SELECT State，COUNT (*) AS Amount ,SUM(OrderPrice) AS TotalPrice 

FROM Orders 

ORDER BY OrderPrice DESC 

GROUP BY State 


即使 把 上 述 语句 中 ORDER BY 后 的 OrderPrice 字段 替换 成 TotalPrice 字段 ,该 SQL 语 
人 名 也 还 是 错误 的 。 因 为 ORDER BY 子 句 不 允许 出 现在 GROUP BY 子 句 之 前 ， 所 以 正确 的 
SQL 为 

SELECT State, COUNT(*) AS Amount ,SUM(OrderPrice) AS TotalPrice 

FROM Orders 


GROUP BY State 
ORDER BY TotalPrice DESC 


ORDER BY 子 句 中 既 可 以 引用 日 标 字 段 ， 也 可 以 直接 使 用 聚合 函数 (包括 没有 出 现在 
目标 字段 中 的 聚合 函数 )， 因 此 下 面 的 SQL 语句 也 是 正确 的 : 

SELECT State, COUNT(*) AS Amount 

FROM Orders 


GROUP BY State 
ORDER BY SUM(OrderPrice) DESC 


注意 : 如 下 的 分 组 统计 SQL 语句 是 没有 意义 的 : 


SELECT UserName ,State, COUNT(*) AS Amount ,SUM(OrderPrice) AS TotalPrice 

FROM Orders 

GROUP BY State 

执行 上 述 SQL 语句 会 收 到 下 面 的 错误 提示 信息 : 

消息 8120， 级 别 16， 状 态 1, 第 1 行 

选择 列表 中 的 列 'Orders .UserName' 无 效 ， 因 为 该 列 没有 包含 在 聚合 函数 或 GROUP 
BY 子 句 中 。 
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因为 分 组 的 依据 是 State 字段 ， A 同一 个 状态 组 中 的 订单 可 以 有 不 同 的 UserName 
字段 值 ， 但 一 个 状态 组 的 订单 汇总 成 1 条 结果 记录 ， 那 么 这 条 结果 记录 的 UserName 字段 
该 取 什 么 值 呢 ?请 读者 思考 该 pe SQL 语句 使 其 保留 UserName 字段 且 能 够 正确 
执行 ? 其 结果 的 含义 是 什么 ? 


2. 管理 员 统 计 模 块 

利用 SQL 分 组 统计 可 以 方便 地 实现 统计 功能 ， 下 面 束 来 实现 Admin/Stat.aspx 统计 
页 面 。 

1) 页 面 代码 

为 了 让 管理 员 能 够 一 目 了 然 地 掌握 每 类 商品 之 间 的 销售 金额 差异 ， 以 及 商品 每 天 销售 
金额 的 变化 趋势 ， 采 用 如 图 17-7 所 示 的 折线 图 是 比较 合适 的 。 
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图 17-7 ”商品 分 类 日 销售 金额 折线 图 


图 17-7 中 所 示 折 线 图 使 用 MSChart 控件 的 服务 站 图 表 技 术 , 其 所 在 的 Admin/Stat.aspx 
页 面 租 套 在 Admin/Admin.master 母 版 足 中 ， 页 面 框架 代 公 如 下 : 


<div class="crumb-wrap"><!--- 提 示 区 ， 提 示 标 签 --></div> 
<div class="search-wrap"><!-- 查 询 日 期 输入 区 --></div> 
<div class="result-wrap"><!——-MSChart——> 
<asp:Chart ID="Chart1" runat="server™ Width="800px" Height="350px"> 
<chartareas> 
<asp:chartarea name="ChartAreal"></asp:chartarea> 
</chartareas> 
<legqends> 
<asp:legend alignment="Center"™" docking="Bottom" name="Legendl"></asp: 
legend> 
</legends> 
</asp:Chart> 
</div> 


上 述 代 人 码 中 的 提示 区 和 会 询 日 期 输入 区 请 读者 参考 其 他 后 台 页 面目 行 设置 ， 注 意图 表 
控件 没有 使 用 页 面 数 据 绑 定 技术 ， 而 是 通 看 过 页 面 后 侣 代码 来 顷 定数 据 ， 包 括 图 表 中 的 折线 
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序列 〈Series) 也 是 由 代码 动态 生成 的 。 
另外 , 为 了 方便 访问 统计 页 面 , 需 修 改 Admin/Admin.aspx 页 面 , 添加 如 下 菜单 项 代码 : 


<a href="Stat.aspx"><i class="icon-font">&#xe005;</i> 销 售 分 析 </a></1i> 


2) 获取 统计 数据 
在 数据 库 中 添加 名 为 GetCatDaySales 的 存储 过 程 ， 其 中 核心 的 分 组 统计 SQL 语句 
如 下 : 


-=- 统 计 订 单 付 款 日 期 、 分 类 名 称 、 汇 总 订单 明细 总 价 
SELECT CAST(o.PayTime AS DATE) AS PayDay, ca-Name， 
SUM (od .TotalPrice) AS TotalPrice 
FROM Orders O 
JOIN OrderDetail od ON o.ID = od.OrderID -- 关 联 订 单 和 订单 明细 
JOIN Goods g ON od.GoodsID = g.ID -- 关 联 订 单 明 细 和 商品 
JOIN Category ca ON g.CategoryID = ca.ID -- 关 联 商品 和 分 类 
WHERE o.State<>5 AND o.State <> 0 -- 过 滤 新 建 订单 和 关闭 订单 
AND o.PayTime BETWEEN Q@beginDate AND QendDate 
GROUP BY CAST(o.PayTime AS DATE)，ca.Name -- 按 日 期 和 分 类 名 进行 分 组 


上 述 语 句 中 的 CAST(o.PayTime AS DATE) 函 数 是 为 了 使 付款 时 间 字 段 值 仅 留 下 日 期 


将 GetCatDaySales 存储 过 程 庄 加 到 Entitydbml 中 ， 然 后 在 LSS.BLL 项 目 中 添加 
StatService 统计 服务 类 ， 并 在 其 中 添加 GetCatDaySales() 方 法 ， 具 体 代 人 码 为 


public class StatSsService : BaseService 
{ 
/// <summary> 
/// 统计 商品 分 类 日 销售 金额 
/// </summary> 
public List<GetCatDaySalesResult> GetCatDaySales (DateTime beginDate, 
DateTime endDate) 


{ 
List<GetCatDaySalesResult> 11st = null; 
try 
{ 
11st = db.GetCatDaySales (beginDate, endDate) .ToList (); 
】 
catch (Exception exp) 
{ 
SetError (exp， "统计 商品 分 类 销售 金额 失败 。")，; 
】 
return 11ist; 
} 
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3) 生成 多 序列 折线 图 
调用 StatService.GetCatDaySales(0) 可 以 获取 每 个 商品 分 类 指定 日 期 沁 围 的 日 销售 金 僻 ， 


例如 ， 可 能 的 结果 如 表 17-4 所 示 。 

表 17-4 商品 分 类 日 销售 金额 示例 表 
PayDay Name TotalPrice 
2016-03-12 厨房 电器 33410.00 
2016-03-13 厨房 电器 100230.00 
2016-03-06 小 家 电 10000.00 
2016-03-07 小 家 电 129800.00 
2016-03-06 智能 手机 55555.00 
2016-03-08 智能 手机 24000.00 


表 17-4 中 不 同 记 录 代表 不 同 商品 分 类 在 某 个 日 期 的 日 销售 金额 , 也 就 是 说 不 同 商品 分 
类 的 数据 是 混在 一 起 的 。 需 要 将 这 些 数 据 按 照 商品 分 类 分 组 ， 并 为 每 个 商品 分 类 在 图 表 中 
创建 一 个 序列 〈Serie)， 绑 定 对 应 丙 品 分 类 的 日 销售 金额 。 为 此 ， 为 Admin/Stat.aspx 页 面 
中 的 btSearch 按钮 绑 定 如 下 的 单 击 事件 处 理 btSearch Click0 方 法 ， 评 细 代 人 码 如 下 : 


protected vold btSearch Click(object sender, EventArgs e) 


{ 


StatService svr = new StatService(); // 统 计 服 务 
DateTime beginDate = Utils.ParseDate (tbBeginDate.Text, 
DateTime .Today.AddDays (-7) ) ; 
DateTime endDate = Utils.ParseDate (tbEndDate.Text, DateTime.Today); 
/ /获取 统计 结果 列表 
List<GetCatDaySalesResult> 11st = svr.GetCatDaySales (beginDate, endDate); 
if (List == null) // 如 果 获 取 失 败 ， 显 示 错 误 消 忆 
{ 
Utils.ShowPrompt (lbPrompt，" 获 取 统 计数 据 失 败 。™ + svr.ErrorMsg); 
return; 
} 
/ /根据 统计 结果 列表 ， 生 成 (不 和 章 复 ) Name 字段 值 清单 ， 每 个 Name 值 就 是 一 个 商品 分 类 
List<string> listWithDisctinctName = 11ist.Select (1 => 1.Name) .Distinct (). 
ToLilist(})s 
List<GetcCatDaySalesResult> listWithOneName = null; 

// 用 于 记录 某 个 商品 分 类 的 数据 列表 
foreach (string name in listWithDisctinctName) // 为 每 个 商品 分 类 生成 一 条 折线 
{ 

Chart1l1.Series.Add (name); // 添 加 名 称 为 name 字段 值 的 图 表 序列 
Chartl .Series[name] .Legend = "Legendl1™"; / /指定 图 表 序 列 的 图 例 
Chartl.sSeries[name] .ChartType = SeriesChartType.Line; 

/ /指定 图 表 序列 类 型 为 折线 
Chartl.Series[name] .Markerstyle = Markerstyle.cCircle; 

// 用 小 圆 峰 代表 数据 点 
Chartl.sSeries[namel] .XValueType = ChartValueType.Date; 


//X 轴 数 据 格式 为 日 期 型 
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11stWLIthoneName = 11st.Where(1l => 1 .Name == name) .ToList(); 
/ /获取 当 前 商品 分 类 的 数据 
// 将 当前 商品 分 类 的 数据 绑 定 到 当前 图 表 序列 上 
Chartl .Serles [name] .Points.DataBind (11stWithoneName, "PayDay", "TotalPrice", 
"Tabel=TotalPrice™ys 
} 
} 
上 述 代码 一 次 性 获得 所 有 商品 分 类 的 统计 数据 ， 然 后 通过 LINQ to Object 玛 询 将 数据 
按 商品 分 类 分 解 ， 相 对 于 单独 从 数据 库 获得 每 个 商品 分 类 统计 结果 ， 该 运行 效率 会 提高 很 
多 。 因 为 频繁 访问 数据 库 会 影响 数据 库 操作 效率 。 


屏 题 17 


一 、 选 择 题 
1， 关 于 购物 车 设计 原则 的 摘 述 ， 正 确 的 是 )。 
A) 购物 车 可 以 奶 踊 用户 订单 的 处 理 状态 
B) 用 户 不 同 会话 阶 段 中 选择 的 商品 信息 应 存储 于 不 同 的 购物 车 
C) 购物 千 应 显示 于 页 面 最 醒目 位 置 ， 方 便 顾 客 了 解 购物 车 中 的 信息 
D) 当 用 户 完 成 购物 生成 订 蛙 后， 购物 车 中 相应 的 信息 应 该 目 动 清除 
2. 以 下 ) 不 属于 购物 车 中 应 该 包含 的 信息 。 
A) 商品 信息 
B) 购买 数量 
C) 过 人 地 址 
D) 商品 单价 
3. 以 下 可 用 于 保存 用 户 购 物 车 数据 的 技术 有 (  ) 和 (  )。 
A) Application 
B) Session 
C) Cookie 
D) Database 
4. 采用 面 癌 对 象 的 方式 设计 购物 车 ， 则 《〈 ” ”) 不 是 购物 车 类 的 方法 。 
A) 上 架 商 品 
B) 奏 找 商品 
C) 增加 商品 
D) 删除 商品 
二 、 填 空 题 
1. Repeater 控件 可 以 利用 DIV+CSS 技术 的 实现 平 铺 展示 数据 清单 的 
效果 。 
2. 分 组 统计 SQL 语句 中 的 目标 字段 只 能 是 


第 17 章 ”完成 系统 RS 

三 、 实 践 题 

1. 设 有 图 书 管理 数据 库 : 

图 书 (图 书 编号 C(6)， 分 类 号 C(8)， 书 名 C(16)， 作 者 C(6)， 出 版 单位 C(20)， 单 价 
N(6,2)) 

读者 〔( 借 书证 号 C(4)， 单 位 C(8)， 姓 名 C(6)， 性 别 CC)， 职 称 C(6), 地 址 C(20)) 

昔 阅 ( 借 书 证 号 C(4)， 图 书 编号 C(6)， 借 书 日 期 D(8)， 还 书 日 期 D(8)) 

请 完成 以 下 SQL 命令 : 

(1) 求 出 各 单位 当前 借阅 图 书 的 读者 人 次 ， 列 出 单位 和 人 次 。 

(2) 求 图 书馆 各 分 类 的 总 价 ， 按 总 价 从 高 到 低 列 出 分 类 号 和 总 价 。 

(3) 统计 不 同 职称 人 员 的 平均 借阅 次 数 ， 排 除 单位 = 图 书馆 ' 的 人 员 ， 列 出 职称 和 平均 
音 阅 次 数 。 

(4) 找 出 借 书 次 数 超过 100 的 读者 借 书 证 号 、 单 位 、 姓 名 、 性 别 、 职 称 和 借 书 次 数 。 

2. 完成 《小 明 网 上 书城 》 前 台 商 品 展示 页 面 ; 实现 购物 车 功能 ， 实 现 订 单 生 成 、 发 
贷 和 确认 功能 ， 最 后 完成 各 类 图 书 每 天 的 销量 变化 情况 分 析 图 。 
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6. 4 


1. 标题 2. 美工 设计 ， 交 互 设计 3. 页 面前 侣 文件， 页 面 后 全 文件 


Ll 1, 2 3. D 


1. 数据 高 度 结构 化 ” 2. 面 问 对 象 模 型 3， 概念 模型 ， 数 据 模 型 


| -ei 

习题 4 

一 、 选 择 是 

i. 过， 3. D 4. 0 .A 


1. 非 宇 ， 唯一 性 2. 外 层 的 每 条 记录 


1. T 2.F 3.T 
习题 5 

一 、 选 择 题 

lI.B 2.A 3.B 4.C 5.C 6.A 7.D 
二 、 填 空 题 


1. 连接 串 2. Close() ”3. 可 以 在 不 同 的 页 面 共 享 


4. 候选 伍 
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Le 2 Se 4. C0 >. B 


，Update 。 2， 单 步 执行 ， 程 序 断 点 。 3， 母 版 页 
4. Update SC SET 成 绩 = 成 绩 +15 WHERE 诛 与 =] 
3. SELECT WIDENIIIY /SELECT SCOPE IDENTITY() 
三 、 是 非 赴 
l. 上 ds $2。 业 
实践 题 

， 第 7、21 行 有 错误 ， 正 确 代 码 是 lbPrompt.Text="… 

2 11 行 有 错误 ,正确 代 公 是 String sql = "DELETE FROM es WHERE ID="+catld: 
第 12 行 有 错误， 正确 代 公 是 SqlCommand cmd = new SglCommand(dbConn,sq]): 
书 16 行 有 错误 ， 下 人 确 代 人 码 是 cmd.ExecuteNonQuery(): 
25 行 有 铬 误 ， 正 确 代 但 是 dbConn.Close(): 
2. IsPostBack, Request|"1d"|, Request|"1d"|, new sqlCommand(dbConn. sql), Read() 0， 


catld, new SqlCommand(dbConn, sql), ExcuteNonQuery(),， Close() 


= 


习题 7 


填空 题 


1. 非 功 能 性 需求 2. 前 景 


53. link 
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1. (1) 应 用 样式 类 hf (2) 应 用 样式 类 .hf .Con ulli (3) 去 掉 所 有 元 素 的 内 外 边 距 (4) 


背景 图 片上 居中 〈$) 背景 颜色 (6) 上 外 边 距 200px， 下 外 边 距 0px， 左 右 居 中 (7) 边界 
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线 粗 2px， 实 线 ， 赣 色 《〈8) 去 折 前 面 的 列表 符 〈9) 菲 左 浮动 〈10) 上 内 边 距 10px 
习题 9 


1， 迁 代 2. 第 一 范式 ，1NF 3. 参照 完整 性 ， 用 户 目 定义 完整 性 
Nd 5. 关系 模式 分 解 6. 外 

7. R(D!, D,, …, D,) 

三 、 是 非 题 

1.F 2.F 3.F 4.T 5.T 6.T 7.T 8.T 9.T 


l. A 2.D 本 4. D 5s Bb 0o. D Fi 8. A 9 
Il0. B ll.C 12.D 13.B 14.A 1.L 1l6.C 


1. app. config, Web.confieg 2. 表 3. Session，Cookie (或 Cookie，Session) 

4. 身份 认证 ， 权 限 控制 ” 5. InsertOnSubmit 

三 、 是 非 题 

1 a | ri 4. 上 3. T 06. 上 7. 上 

四 、 问 答题 

答 : 网 站 应 用 本 质 上 是 “无 状态 ”的 ， 每 次 请 求 部 会 被 独立 处 理 。 也 就 古 说 ， 每 次 请 
求 的 页 面 对 象 都 是 一 个 新 实例 ， 其 中 的 属性 者 会 初始 化 。 

实现 状态 管理 的 方法 有 很 多 ， 根 据 状 态 信 息 保 存 的 位 置 ， 可 以 分 为 客户 央 和 服务 疹 两 
大 类 。 书 中 表 10-4 给 出 了 ASPNET 中 文 持 的 各 用 状态 管理 方法 。 

习题 11 


Ls Gr 2. TreeNode ChildNodes, SelectedNode 3. OrderBy(), ThenByO 
4. JOIN/INNER JOIN，ID 5. 都 成 功 ， 都 失败 

三 、 是 非 感 

l. FF pA :i 4. I 3. 6. I 

l. (1) e.CommandAreument (4) 1dxID (3) eCommandName (4) true (53) Text 
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和 兰 ， 


(1) 根据 数据 库 中 根部 门 记 录 ， 生 成 部 门 树 的 根 节点 ; 
(2) 生成 以 指定 节点 为 根 的 树 的 方法 BuildSubTree0: 
(2.1) 获取 根部 门 的 所 有 直接 下 级 部 门 
(2.2) 为 每 个 下 级 部 门 
(2.2.1) 生成 部 门 对 应 的 节点 ， 作 为 指定 根 节 点 的 子 节点 : 
(2.2.2) 化 归 调用 BuildSubTreeO0， 构 造 该 子 世 点 为 根 的 子 树 。 
习题 12 


1， 卫 2. A 3.D 4.D 3. B 6. D 7.C 8. B 9. A 
10. B 
二 、 填 宇 题 
1. 服务 病 动 态 拉 术 ， 客 户 疹 动态 技术 《可 交换 ) ”2. onclick 
3. new Array0/[| 4. join0, 连接 两 个 数组 ，sortO) 
>. $CPp"), $Cp)ON $Cp").get(0) SCp LN $C"p').get(l) 
6. 后 
三 、 筷 非 题 
1 于 2 上 3. 下 4. 工 93. 下 Ba de 
1. 答 : 对 象 : window, document location 
方法 : window.alert(),window.confirm(),window.prompt(), 


window.open(),window. close() 


1. 上 wa 4 
习题 14 
一 、 选 择 是 


402 
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填空 蜂 


1. 数据 库 可 编程 性 ”2. # 3. 触发 器 ”4. 数据 库 备份 
5. 一 至 性， 持续 性 ， 隔 离 性 ，ACID 6. 乐观 


l. State = (WOnegemal State 

2. 登录 /签发 喘 份 认证 轩 签 /保存 用 户 标 识 并 返回 请 求 页 面 ， 登 出 /注销 /号 份 认证 加 签 
的 删除 

3. 权限 控制 的 对 象 ， 拒 绝 用 户 访 问 ， 匿 名 用 户 

4. TransactionScope, TransactionScope(), Complete() 

5. 展示 一 条 数据 的 模板 

6， 复 选 状态 改变 时 触发 的 服务 器 端 事件 ， 在 事件 中 获取 触发 控件 携带 的 参数 

三 、 是 非 继 

1. 工 2. T 上 4. T 5。 | 6. F 7. F 8. 工 

站、 实践 是 

1. (1) db. 借阅 .Where(b => b. 还 书 日 期 一 nul).CountO: 

(2) db. 图 书 .Sum(b =>b. 单 价 ); db. 图 书 . Average (b > b. 单 价 ): 

(3) db. 庶 者 .Select(r => 工 单 位 ).Distinct().Count(): 

(4) db. 图 书 .Max(b => b. 单 价 ): db. 图 书 .Min(b > bb. 单价 ): 


1l. D 2.C 3. B,D 或 D, B 4 是 
二 、 填 空 题 
1. Float 2. 集合 函数 字段 或 者 分 组 依据 字段 
三 、 实 践 题 
1. (1) SELECT COUNT(*), 单位 
FROM 读者 JOIN 借阅 ON 读者 . 借 书 证 号 = 借阅 . 借 书 证 号 
GROUP BY 单位 
(2) SELECT 分 类 号 , SUM( 单 价 ) 
FROM 网 书 
GROUP BY 分 类 号 
ORDER BY SUM( 单 价 ) DESC 
(3) SELECT AVG(1), 职称 
FROM 读者 JOIN 借阅 ON 读者 . 借 书 证 号 = 借阅 . 借 书 证 号 


附录 “部 分 习题 参考 答案 2 
WHERE 单位 =>' 图 书馆 '-- 使 用 HAVING 也 可 以 ， 但 要 放 在 GROUP BY 后 面 ， 且 
不 佳 。 

GROUP BY 职称 

(4) SELECT 们 书证 号 ,单位 ,姓名 ,性 别 , 职 称 ,COUNT(S) 
FROM 读者 JOIN 借阅 ON 读者 . 借 书 证 号 = 借阅 . 借 书 证 号 
GROUP 借 书 证 号 ,单位 ,姓名 ,性 别 ,职称 
HAVING COUNT(*)=100 


